Resize the images on Collection page with Shoptimized theme

Toonfam
Tourist
6 0 0

Hello,

My shopify page is www.toonfam.com

Currently if you go to my collections page, the product preview images are all different sizes on all 4 different products. What can i do to make them all the same size?

I am currently using the latest version of the Shoptimized theme.

All help is appreciated, Thanks

0 Likes
thuongnv
Shopify Partner
11 0 1

Hi,

 

You can use this code CSS:

body .grid__product-image .grid__image {
    padding-bottom: 100%;
    position: relative;
    min-height: 1px;
}
body .main-content div.grid__product-image a.grid__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

 

Thank,

 

Toonfam
Tourist
6 0 0

It worked, thank you so much!

0 Likes