How to break titel when its too long?

  • i have a category whehre the titel is so long and coming out the picture . how can I break the titel ?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, lelitli, try this CSS:

    h2.woocommerce-loop-category__title {
    word-break: break-all;
}

    It should prevent overflow of the title associated with the WooCommerce loop product title.

    Thread Starter lelitli

    (@lelitli)

    and if i want to this one looks liek this

    Ventilationsleisten/
    Ventilationsboxen/
    Luftgitter

    Hi @lelitli,

    The workaround maybe by adding more padding inside the box where the product title stays. Something like

    .woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: 1em 2em;
}

    Then adding spaces in the product title itself. So, it will look like VENTILATIONSLEISTEN/ VENTILATIONSBOXEN/ LUFTGITTER

    I hope it will help.

    Kind regards,
    Herman ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to break titel when its too long?’ is closed to new replies.