The problem with the size of the item card

There is a problem, when using a narrow photo of the product, the product card becomes very high. How to fix? Here is a link to an example: http://cosmostore.by/shop/

Attachments:

You must be logged in to view attached files.

Hello,

You need to upload the image of the same size as other images and it will be displayed properly. Your current image is too narrow and high.

Best Regards

And you can somehow fix the height of item cards and if the photo is narrow just about to apply the scale?

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.product-grid-item .product-image-link img, 
.product-grid-item .hover-img img {
    width: 100%;
    object-position: 50% 50%;
    object-fit: contain;
    font-family: 'object-fit: cover;';
    height: 175px;
}

Kind Regards
XTemos Studio

Thanks, helped!

You are welcome!

[Author]

Posts