[Resolved] CSS for Woocommerce Product Titles on Archive Shop Page

Home Forums Support CSS for Woocommerce Product Titles on Archive Shop Page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1099147
    Elaine

    I have really been trying all kinds of CSS to target the H2 Title:
    .woocommerce-loop-product_link
    I want it to be:
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    Right now it is the font: Charm, and I want it to be sans-serif.

    Here are various attempts that are not working:
    a.woocommerce-LoopProduct-link .woocommerce-loop-product_link h2.woocommerce-loop-product_title
    or
    ul.products .columns-4 a.woocommerce-LoopProduct-link .woocommerce-loop-product_link
    Frustrating!
    Any help is appreciated!

    #1099154
    Leo
    Staff
    Customer Support

    Hi there,

    Would the Heading 2 option under Typography > Headings work for you?

    If you only want to change the product titles on the archive page, then this should help:

    .woocommerce ul.products li.product .woocommerce-LoopProduct-link h2, .woocommerce ul.products li.product .woocommerce-loop-category__title {
        font-family: Helvetica;
    }

    Let me know if this helps 🙂

    #1099170
    Elaine

    Hurray! That worked finally! Thank you 🙂

    #1099179
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.