Override Genesis Divine Theme primary color for Woocommerce price

[plentyvegan]

Hi all,

I can't seem to override the "primary color" setting in my customize > colors settings for a particular part of my site. I want the price for products to match the product title color.

Adding the following code to my child theme stylesheet doesn't override the setting for the primary color. How do I override this setting?

.woocommerce ul.products li.product .price {
color: #009999 !important;
}

I tried it with and without "!important".

Thanks!

http://plentyvegan.com/product-category/ready-made-meals/

[Victor Font]

You have inline css that is over riding the child theme style sheet. Inline takes precedence over everything. Also, if you want the child theme CSS to override WooCommerce, you have to make sure the child theme style sheet loads after the WooCommerce style sheet. http://victorfont.com/change-genesis-child-theme-style-sheet-load-order/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[plentyvegan]

Hi Victor,

I reordered the loading - thanks for that info. I had to fix a bunch of styles but I think it's better in the long run.

Thanks again!

Diana

[Author]

Posts