Issue with Inconsistent Product Image Sizes

[Esra47]

Hello,

I have an issue with the product categories and the product images. As shown in the attached picture, they are not the same size, even though I resized them to the same dimensions using an editing program.

Could you please help me resolve this issue?

Thank you in advance!

Here is the link: https://et1xgdlyz2fwrbih-71988969740.shopifypreview.com

[BSSCommerce-HDL]

Hi @Esra47 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

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

.card__inner.color-background-2.gradient.ratio {
    --ratio-percent: 149% !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[BrainStation23]

HI @Esra47
We had check your problem ,as you say that you can resize your image , but in your store the image size is not same , that’s why you get that problem.
You can check the image size to fixed the problem or you can follow bellow step by doing this .
Go to online store->edit code-> component-card.css file and use bellow code

.card--card,
.card--standard .card__inner{
   min-height: 85% !important ; 
}

[Esra47]

It worked! Thank you:)

[Maishia]

Hello! I tried this in my store and it didn’t work. Is there another solution that I may try?

[vwa-decor]

it works.

Thanks