Displaying the whole title

  • Resolved jazzu

    (@jazzu)


    3 years, 2 months ago

    Hello!

    I’ve already searched for a solution, but didn’t find anything that would work for me.

    On some of my products, I have a pretty long title. Because it’s long, not the whole title is displayed. I made the font a bit bigger too – but even if I would make it default, it doesn’t display the whole title. To display everything, the font would become too small.

    Product titles are currently looking like this.

    How could I add a second line to the title? What’s the best way to fix this? I can’t really shorten the title, since it’s displaying crucial information.

    Kind regards

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

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

  • Hello,

    You can adjust that with custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .thunk-woo-product-list .woocommerce-loop-product__title {
max-height:50px; 
display:block;
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

    Thread Starter jazzu

    (@jazzu)

    Hi @maykato !

    Thank you so much for your reply and your time. Sorry for not responding before today, I was on vacation.

    The solution you suggested works like a charm. Thank you very much!

    Kind regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Displaying the whole title’ is closed to new replies.