Archived topic

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

4 replies · Started by chris on July 2, 2020

Viewing posts 1–5 of 5

July 2, 2020 at 9:44 am #1349719

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

July 2, 2020 at 10:12 am #1349755

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;
}

July 21, 2020 at 12:54 pm #1371306

hey thanks for this, it was really helpful

July 22, 2020 at 12:34 am #1371757

Glad to hear that

March 1, 2021 at 4:06 am #1677039

closing

This archived topic is closed to new replies.

Start building better websites today.