Is there a way to limit the length of text on the shop pages for products?

[chris]

I currently have some long product names & i’m looking to truncate the text so it stays on two lines, is there an easy way do doing this?

thanks in advance

[David]

Hi there,

you can try some CSS to force all titles to a maximum of 2 lines:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
    text-overflow: ellipsis;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[chris]

hey thanks for this, it was really helpful

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts