Changing the colour of the product price

I have changed my background throughout the theme to black.

Due to me doing this the font colour of the price of each product is not legible due to it being dark grey. I wish to change it to white or light silver but cannot get the custom code right.

You can see what I mean here

I was hoping you could help me out.

Many Thanks

Hello @cloudc,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.woocommerce ul.products li.product .price {
    color: lightgray !important;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

Thank you for your assistance but that code has not worked. I have Customs CSS plugin installed already and I added it in there but it has made no difference.

I am wanting to change the colour of the price that is shown within the categories. For example on this page, you cannot see the prices as they are dark grey.

Thank you

Hello @cloudc,

I have just checked your website and I can see that code works.

Can you please try to clear your browser cache and see if it helps?

Kind Regards, Roman.

You are right, I cleared the cache and I can see the changes now.

Very much appreciated Roman, you are really helpful, thank you.


You are welcome Melissa!

And have a nice day :slight_smile:

Kind Regards, Roman.