How to set a max-height in the products grid?

Hi, see attached. How can I set a max-height so that this image appears uncropped resized to scale?

Attachments:

You must be logged in to view attached files.

Hello,

The max-height of the product grid can be changed with the custom CSS. Before we provide the CSS please check and try to configure images, using these suggestions: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

Thanks Elise for your prompt replies.

I did give this a try with no perfect view. That’s why I’m trying the max-height solution. awaiting your CSS.

Hello,

I have checked the shop page. Now the grid item has min-height: 1px; It means that there is no limitation. For this design style, the image height determines the height. So you need to upload images of the same size and the same proportionality. It is not possible to set fixed hieght for image element as short images would be stretched and blured and big images would be pressed.

Best Regards

I don’t know which settings you are talking about (min-height: 1px). All what I’m trying to do is, if a thumbnail height exceeded 300px for instance then it should be scaled proportionally to fit the max-height, got me?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item {
max-height:300px;
}

Best Regards

[Author]

Posts