Changing Product Price Currency Font Colour

You would use.

.price .woocommerce-Price-currencySymbol{
    color:red !important;
}

Thanks – That did the trick,

Noted that my original code did not change the price font colour for related products (in the product page) while the code you provided did change the currency character for the related products.

Do I need load another CSS for the related product price font colour?

Is there somewhere I can find an object reference list for woocommerce objects that I would like to change?

Thanks again

Selectors can be different depending on a theme. For Related Products it will be

.related.products{}

If you can find a class for a selector you want you can change it throughout.

Like for instance what I gave you for symbol just change it to
.woocommerce-Price-currencySymbol{} and it will change it throughout

If you don’t know about console I’d suggest learning how to use it. Each browser have their own version of it but there’s nothing better to help you learn each selector for each div.

Console View

View post on imgur.com

In most browsers you get there by right clicking on screen. Make sure you’re not over an image and click INSPECT. Console will open and you can then view selectors for everything.

• This reply was modified 6 years, 2 months ago by stefsternyc.

Thanks
That is very helpful.

Sure thing. If you want to only change a specific selector find the parent or use the page id for only that page.