limit the product grid product name text to 2 lines only

Hi, can you please provide css and or solution to the following:

1. limit the product grid product name text to 2 lines only. When importing products from other sources that have long product titles we don’t want the title to take up more than 2 lines. Please provide CSS to limit this. See example here of an imported product on the right side that has gone beyond 2 lines: https://imgur.com/a/Zx8Kp29. Thanks

Hi,

We need to see your website to prepare such custom CSS code.

See info in private area below

Try to add the following code snippet to the Custom CSS area in Theme Settings

.product-grid-item .product-title {
	max-height: 38px;
	overflow: hidden;
}

Hi,
Thank you for the code, it works fine for desktop. But there is a little bug in mobile view as you can see in attached picture. I have product title lines limit set to “two lines”.
Any solution?

Thanks.

Attachments:

You must be logged in to view attached files.

This code is not required if you enable that option. Or try to reduce the height in the code.

[Author]

Posts