Archived topic
CSS for Woocommerce Product Titles on Archive Shop Page
3 replies · Started by Elaine on December 9, 2019
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!
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 :)
Hurray! That worked finally! Thank you :)
No problem :)
