How to resize main product images on product page

Store Design
, ,
1

Hi I’m trying to figure out how to make the images all the same size

simsie_0-1694906221673.png
simsie_0-1694906221673.png1704×636 158 KB

simsie_1-1694906235496.png
simsie_1-1694906235496.png1724×858 212 KB

website: piping-modifications.myshopify.com
password: thatbob

2

Hi @simsie ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.liquid or theme.scss

Step 3: Paste the below code at the bottom of the file → Save

div#shopify-section-7d36bbf8-19fd-4b51-896f-63cb12329564 img{height:140px}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

This just seems to appear at the bottom of the store

simsie_0-1694919024591.png
simsie_0-1694919024591.png723×153 4.03 KB

simsie_1-1694919029664.png
simsie_1-1694919029664.png1263×366 13.4 KB

4

Sorry - was tired and fixed the issue hah!

5

and.. nevermind, boxes still aren’t the same size sadly.

6

If you want to add here then you can use

or add on the top of the file theme.scss or theme.scss.liquid

7

Works wonderful for my “Vehicle” section but when I try apply to the other two they have very stretched images - how would I fix the issue?