Archived topic
Woocommerce title length - product archive/related products
3 replies · Started by Jarno on July 12, 2018
Viewing posts 1–4 of 4
I use Woo title limit to limit the titles to a certain number of characters. However this doesn't work as I need it.
Most things I try regards a certain amount of characthers. However I would just set it to one row, not langer than one row and with ... to where the cut off happens.
This should also be done for the related products and product widgets.
I can't get it to work with:
// Note: this is simple CSS that can be placed in your custom.css file
// This CSS also adds 3 dots ... at the end of each product title
.woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}Hi there,
WOO uses multiple selectors for its titles - so try this instead:
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}Yep worked like a charm.
Thanks!
Glad to be of help.
This archived topic is closed to new replies.
