Change image size on producgt page

Store Design
,

Topic summary

A user switched from Dawn to Savor theme and found product images too large on big screens. They also wanted to expand the description section.

Attempted Solutions:

  • Initial investigation confirmed Savor theme lacks built-in customization options for resizing product media width
  • A CSS code snippet was provided targeting screens 750px+ to adjust the grid layout to equal columns (1fr 1fr)
  • The suggested CSS solution did not work for the user

Resolution:
The user ultimately resolved the issue using a different custom CSS approach, though the specific working code was not shared. The discussion remains helpful for others facing similar image sizing challenges with the Savor theme.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

After moving to the Savor theme from Dawn, I find the product pictures to be to big on big screens. Is there an easy way to change the image size?
And is it possible to make the description part of the page bigger at the same time?

The url is: https://smashtennis.dk

Thank you

Skærmbillede 2025-06-29 145321.png
Skærmbillede 2025-06-29 145321.png1862×877 532 KB

2

Hi @RasmusF I have checked the customization option from the Savor theme and could find anything related resizing the image/product media width.
Only developer can fix this with custom css on the theme. Thanks!

3

Hi @RasmusF ,

Please go to Customize > Theme settings > Custom CSS and add code:

@media screen and (width >= 750px) {
    .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left {
        grid-template-columns: 1fr 1fr !important;
    }
}
4

For some reason it didn’t work… After trying this solution, I went with the other solution, which was custom css. But thanks a lot for taking the time to write such an easy understandable guide.