How can I resize images on the Minimal Theme?

Store Design
1

Hi can anyone tell me if it’s possible to have images all the same size on the ‘Products’ page. I have attached a screenshot and I would like the small images underneath the top large image to also be large so they fill the void underneath, kind regards, Molly.

mollycoddlemeg.co.uk

password - p

11FC7AE4-B03D-4656-B0C3-726DF798554B.png
11FC7AE4-B03D-4656-B0C3-726DF798554B.png2160×1620 289 KB

reepi

2

Hi @Molly8

To make the images the same size, you need to modify the code of your theme.

Go to Theme => Customize => Edit Code.

Find your theme’s CSS file, usually theme.css or base.css,…

Then add this CSS to the end of that file.

Here we fixed their size.

.product-single__thumbnails img {
height: 135px;
width: 135px;
}

@media only screen and (max-width: 900px) {
  .product-single__thumbnails img {
    height: 100px;
    width: 100px;
  }
}
3

Hi @Molly8

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

@media only screen and (min-width: 1250px) {

.wide–one-quarter {width: 100% !important;}

.product-single__thumbnails img {margin: 0 !important; width: 100%;}

}

Regards,

San