WooCommerce Product Title Length

Posted in: Newspaper
Post count: 23
vishesh999
#185332
Jul 26, 2017 at 10:02 am

Dear Sir
I tried the following CSS Code in the theme panel,

.woocommerce ul.products li.product h2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

This helped me to shorten the product title to 1 line, with three dots at the end. However, this does not take effect in the “related products”. Whenever we open a product page, at the bottom, the related product title is too long.

http://bookreviews.tv/shop
All the titles are limited to 1 line, with 3 dots at the end of the title

Open a product page, and go down to the related product section, the above CSS has a weird effect on it. The title is in one line alright, but is the full title, not the shortened title like on the shop page.

Do you have any fix for that?

Post count: 20685
Simion C.
#185410
Jul 26, 2017 at 3:07 pm

Hi,

Please enter this code in Theme panel->Custom CSS, and it should fix this issue
– https://www.screencast.com/t/36GzAQzWy

.related ul.products li.product h2 {
width: 100%;
}

Thanks

Post count: 23
vishesh999
#185725
Jul 28, 2017 at 8:35 am

Works like a charm! Thanks a ton.

Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.