WooCommerce Product Pricing Styling

[powrider686]

Hi there,
I am having some head banging woocommerce css issue that I can’t figure out for the life of me.

On this page - https://dhbrownstaging.wpengine.com/collections/limited-edition-horizontal/, when you hover over the product the pricing comes up and the hyphen is black. I am trying to get it to be white, but when I use the selector .woocommerce .price it changes it on the indivudual product page too, resulting it in being unreadable there. I cant get it to change on the archive vs the individual pages. Please help!

Thank you!

[christian]

Hey @powrider686,

Please add this code in Theme Options > CSS.

.woocommerce .price {
    color: white;
}

Hope that helps.

[powrider686]

Yes, I tried that. It does indeed change it on the archive page, but when you then go to the individual product page the hyphen is white. I have attached a screenshot.

How can I target only on the archive page?

Thank you for the help! Merry Christmas!

[thai]

Hi There,

Please update the previous CSS to this:

.woocommerce.archive .price {
    color: white;
}

Hope it helps