Limit product titles to 2 lines on catalog page - Supply Theme

Store Design
1

Hello, I’d like to limit the names of products in my store to 2 lines in the catalog page.

Screenshot (2).png
Screenshot (2).png1057×443 134 KB

I was able to limit the titles on the homepage using @Michael_Pink’s code below, but now I’d like to do the same on the catalog page

.template-index [data-section-type="collection-row-section"] .product-grid-item p {display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;}

My site url is https://gadzone.co

Kindly assist, thanks

1 Like
2

Please place this code at the end of theme.scss

.product-grid-item p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
2 Likes
3

Thanks you! It worked for even for the homepage so I deleted the other code

1 Like
4

Thank you for the update.

5

Hi Expert,

Can you help me?

I want my title on collection page also have 2 lines only.

my theme is kalles

dongmanwangguo.shopify.com

password draoly