How can I fix mismatched image sizes in Prestige theme?

Technical Q&A
1

Does anyone know how to fix the problem that the images are not the same size?

*prestige theme

Screenshot 2022-01-13 185106.png
Screenshot 2022-01-13 185106.png1916×647 155 KB

2

Hi @HarelBarak ,

Go to Assets > theme.css and paste this at the bottom of the file:

.ProductItem .AspectRatio {
    --aspect-ratio: 1 !important;
}

Hope it helps!

3

Hi @LitExtension ,

This solves only part of the issue. With your code the image stretches to fit given aspect ratio (and completely destroys original aspect ratio). Is there a way to make the image fill given aspect ratio by cropping what’s necessary ?

4

Hi @RokasZa ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.