Home › Forums › WoodMart support forum › How to set a max-height in the products grid?

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 14, 2019 at 7:29 am #123648

    amrsayed82
    Participant

    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.
    May 14, 2019 at 8:15 am #123657

    Elise Noromit
    Member

    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

    May 14, 2019 at 9:54 am #123675

    amrsayed82
    Participant

    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.

    May 14, 2019 at 1:10 pm #123707

    Elise Noromit
    Member

    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

    May 14, 2019 at 2:05 pm #123716

    amrsayed82
    Participant

    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?

    May 14, 2019 at 3:53 pm #123757

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)