CSS

  • Resolved matthiasbreynaert

    (@matthiasbreynaert)


    4 years, 5 months ago

    Hi there, I tried several things to get “too long” product names on a second line if needed, but without success. Break-word simply doesn’t seem to be supported.

    Any tips?

    `.woocommerce-loop-product__title {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: nowrap;
    word-wrap: break-word;
    }

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Taking a look at the styles on those titles, I see there is some “brz” styling here setting it to nowrap:

    nowrap
    Link to image: https://d.pr/i/T43rP7

    From the page source, I see you have a “brizy” plugin so it’s most likely coming from there.

    I see your CSS you pasted here also includes white-space: nowrap;.

    Adjusting your CSS to white-space: normal; instead seemed to do the trick for me. (if adjusting that alone doesn’t seem to work, try white-space: normal !important;)

    I hope that helps!

    Thread Starter matthiasbreynaert

    (@matthiasbreynaert)

    Yes, this worked, thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS’ is closed to new replies.