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

[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!

[Leo]

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 🙂

[Elaine]

Hurray! That worked finally! Thank you 🙂

[Leo]

No problem 🙂

[Author]

Posts