Same height product on archive page

[andreiv30]

Hello!
I want to make the bottom of the products all the same height.

I looked through the settings and the 2 in the attached picture do not help me (it spoils the display).

Can you help me with a custom css to make the products the same height?

The height is not because of the picture, it is because some products have 2 categories.

• This topic was modified 3 years, 3 months ago by andreiv30.

Attachments:

You must be logged in to view attached files.

Hello,

Please check this manual to try the options provided by Woocommerce: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

If you have any questions please feel free to contact us.

Kind Regards

I just wrote above that I tried these things + it’s not about the image size.
Please read the message…

I need a custom css. Look over what I sent.

Hello,

The issue is that you have a lot of categories on the product grid item, so try to limit them with the help of the below code. Enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .wd-product-cats {
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
}

Kind Regards

Thanks.
And so that I don’t have the same problem with the height because of the longer name of a product? What could I add in the css?

[Luke Nielsen]

Hello,

In order to restrict the product title, I suggest you use the “Product title lines limit” option in Theme Settings -> Product archive -> Product styles.

https://take.ms/5Z6rg

Or the “Even product grid” option that is situated in the same path. https://take.ms/1LJDZ

Kind Regards

• This reply was modified 3 years, 2 months ago by Luke Nielsen.

[Author]

Posts