How to make collection page product title one line only in warehouse theme?

[Ellery090]

I got a problem, my product title is very long, then they are not aligned both in home page grid and collection page, is there any way make the titles one line only with the "..." at the end, I am using warehouse theme.

[oscprofessional]

Hi,
Please share your store URL with password (If Needed) & Screenshot, So that I will give you proper solution here !

[Ellery090]

Hi, url is hightop-tools.myshopify.com

This the example of my problem:

However I want the title like this:

[24by7themes · Accepted solution]

Please add below line of code in theme.css file

.product-item__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[Ellery090]

Thank you! It worked

[24by7themes]

Please accept solution. 

Thanks

[shebythesea]

Hi

Would the solution above also work for the Debut theme?

Thank you

Tina

[eide-marketing]

Looking for this myself.. did you find any answer?

[WedMeGo]

These is not work for me.
can you provide another solution in these problem?
you can check screenshot for the same.
My email : wedmegoin@gmail.com