Change Color of Regular Price and Sale Price

Hi @mayank29gupta !

Please provide us with more details so we can assess this issue in a better way, like your site’s URL and screenshots.

You can use https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in this chat. It works with Chrome, Firefox, Safari, and Edge.

Looking forward to hearing from you.

thanks for the reply @judagutor. Please see the screenshot here – https://imgur.com/a/HQd6RMi

I have circled the text. I want the amount crossed out to be in red color while the other price to appear in Bold with same color (black). I hope this clear things up.

Hi @mayank29gupta

I want the amount crossed out to be in red color while the other price to appear in Bold with same color (black).

You can add the code below to Appearance > Customize > Additional CSS:

ul.products li.product.sale .price .amount {color: red;}

ins .woocommerce-Price-amount {
    color: #000 !important;}

The above code works for my test site with the Storefront theme. Depending on the theme you are using, you may need to tweak the code to work for your site.

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hi @mayank29gupta

We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.