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