How to limit collection product titles in one line

[Wojak]

I want to limit collection product titles in one line and make (...) at the end

I use Rise theme

pwm.com.co

[Wojak]

I want to make the title one line and omit left like (...) at the end

[DaisyVo]

Hi @Wojak ,

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:

h3.card__heading a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

Here is the result:

Please let me know if it works!

Best,
Daisy

[Wojak]

It worked perfectly appleciate you bro