We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change image size on producgt page

Solved

Change image size on producgt page

RasmusF
Shopify Partner
8 0 3

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

Accepted Solution (1)

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

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;
    }
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 3 (3)

Sayed_Safin
Shopify Partner
101 1 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!

- Need a Shopify Specialist? Visit Here



- Custom Design | Advanced Coding | Store Migration | Custom Schema and app Integration


- Conversion Rate Optimization | AB Test Development

RasmusF
Shopify Partner
8 0 3

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.

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

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;
    }
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com