Increase font weight in woocommerce

  • Resolved autz

    (@amalieutzinger)


    5 years, 10 months ago

    Hello,

    How can i increase the font weight of the product title in woocommerce. The current titles are black but they are still hard to read. I have the following font-weight: 400 on other pages.
    Thanks!

    • This topic was modified 5 years, 10 months ago by James Huff. Reason: redundant link removed
    • This topic was modified 5 years, 10 months ago by James Huff.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • George Appiah

    (@gappiah)

    5 years, 10 months ago

    If you want to change this across the entire site, just add the following CSS code in APPEARANCE > CUSTOMIZE > ADDITIONAL CSS

    h2 {
font-weight: 400 !important;
}
    Thread Starter autz

    (@amalieutzinger)

    5 years, 10 months ago

    Thanks but this doesn’t increase the font weight for the product titles.

    Austin M – a11n

    (@apmwebdev)

    5 years, 9 months ago

    Hi @amalieutzinger. Are you referring to these product titles? https://d.pr/i/YIRDdQ

    If so, you can use the browser inspector to see what CSS classes are being applied to the product title element and add your own CSS to override these styles. https://developers.google.com/web/tools/chrome-devtools/css

    When I inspected the product title, I found that it had the class woocommerce-loop-product__title. Is that what you see as well?

    If you add a selector for that class and change the weight to 500 instead of 400, that will make the text look bold. That would look like:

    .woocommerce-loop-product__title {
    font-weight: 500;
}
    Austin M – a11n

    (@apmwebdev)

    5 years, 9 months ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any further questions!

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

The topic ‘Increase font weight in woocommerce’ is closed to new replies.