How to Make Collections/Gallery Images the Same Size?

[Strassi]

Hi,

I have a Theme purchased from ThemeForest and unfortunately I cannot ask the creator for help because my support time has ended and renewing is expensive. I would like to know how to make the images in the galleries/collections all the same size, as they vary a lot. I wanted them all to be this size, I'm not sure of the dimension, but it looks like 9:16.

They are showing up like this:

And in some other collections it gets really ugly and messy because they all have a different size (aspect ratios vary between 9:16, 2:3 and 1:1). I don't mind if the photo ends up being a little cropped or stretched, as long as it's the same dimension.

The website is strassia.com.

I have more than 1000 products and changing one by one would be complicated...

Thanks in advance to anyone trying to help!

[PageFly-Richard · Accepted solution]

Hi @Strassi ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/novstyle.css->paste below code at the bottom of the file:

.product--item .respone_image {
    padding-top: 150% !important;
}
.product--item .respone_image img {
    height: 100%;
    object-fit: cover;
}

I hope it would help you
Best regards,

Richard | PageFly

[Strassi]

It worked, thank you so much!!! I was going crazy!