Savor Theme - reduce product image size

Store Design
, ,
1

Hello,

Wondering if anyone knows how to reduce the image size on the product page of the Savor theme.

If someone can let us know where to go and what code to input.

Thank you!

2

Several settings:
“Product information”: Width-> Page
“Product information”: “Equal columns”-> On
“Product information”, “Product media”: “Extend media to screen edge”->off

If still not enough, then try this in “Custom CSS” of this section:

@media screen and (min-width: 750px) {
  .product-information__grid {
    grid-template-columns: 
            var(--full-page-grid-margin) 
            calc(var(--full-page-grid-central-column-width) * 0.4 ) 
            calc(var(--full-page-grid-central-column-width) * 0.6) 
            var(--full-page-grid-margin);
  }
}

And change 0.4 and 0.6 to your liking (keeping their sum 1)

3

Hello @SidPH ,

I hope you are well!

Can you please provide the store URL? It will be helpful for me to provide the code which will reduce the size.

4

see URL:

5

Hi @SidPH

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.