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

Solved
Ellery090
New Member
3 0 0

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.

0 Likes

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Ellery090
New Member
3 0 0

Hi, url is hightop-tools.myshopify.com

This the example of my problem:

current title problem.jpg

However I want the title like this:

my target goals.jpg

0 Likes
24by7themes
Navigator
320 48 50

This is an accepted solution.

Please add below line of code in theme.css file

.product-item__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
0 Likes
Ellery090
New Member
3 0 0

Thank you! It worked

0 Likes
24by7themes
Navigator
320 48 50

Please accept solution. 

Thanks

Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
0 Likes