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

Store Design
1

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.

2

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

3

Hi, url is hightop-tools.myshopify.com

This the example of my problem:

current title problem.jpg
current title problem.jpg1123×548 50.2 KB

However I want the title like this:

my target goals.jpg
my target goals.jpg1119×301 29.7 KB

4

Please add below line of code in theme.css file

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

Thank you! It worked

6

Please accept solution.

Thanks

7

Hi

Would the solution above also work for the Debut theme?

Thank you

Tina

8

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

9

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