Make 2 Liner Product Name on Entire Store

[baynojayson]

Hi Shopify Community!

Is it possible to make a 2-liner product name in the entire store both mobile and desktop ?

Link : https://ingcostores.com/

Thank you so much!

[baynojayson]

Hi Grace! Thank you for your response. Yes, I am trying to get exact same height to entire products so it would look clean, my friend .

[baynojayson]

Do you code as well , my friend ?

[mastroke]

use this code in your css file – base.css or theme.css

a.card-link.text-current.js-prod-link {
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}

[baynojayson]

This really solved the problem! Thanks so much my friend