How to make the product name into 2 liner only under Shopify Enterprise Theme ?

[baynojayson]

Hi Shopify Community!

Thank you in advance! I have limited the number of characters in the product number to maximum of 55 characters, and right now I want to make my product name occupy 2 lines only both Mobile and Desktop, regardless of the number of characters. Meaning, either product name would be 20 characters or 100 characters, it will occupy only 2 lines.  Would that be possible ? 

Here's the link : https://ingcostores.com/

Thank you so much!

[DaisyVo · Accepted solution]

Hi @baynojayson ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

.card-link.text-current.js-prod-link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

Here is the result:

Please let me know if it works!

Best,

Daisy

[baynojayson]

WOW!! Thank you for your help my friend!!! Really appreciate your help