Change color of sale price and compare at sale price

[BrianRuiz]

Hey guys, I've tried a few of the solutions here but they didn't work. How do I change the color of the sale price and compare at sale price on sense 2.0 theme? I also would like to know how to make on or the other bold.

[Taknify]

Can you share us your website URL please? The community can provide you with the code by looking at how your CSS is referenced on the website. 

[WizzCommerce_Co]

Hi @BrianRuiz , thanks for posting here!

You can follow my instruction below:

1. Go to Online Store->Theme->Edit code

2. Asset->/base.css->paste below code at the bottom of the file:

.price--on-sale .price-item--regular {
color: red !important;
}
.price-item {
color: blue !important;
}

Or replace #ff0000 with the hex code for your desired sale price color and #0000ff with the hex code for your desired compare at price color.

.price--on-sale .price-item--regular {
color: #ff0000 !important;
}
.price-item {
color: #0000ff !important;
}

After adding the custom CSS, click the "Save" button at the top-right corner of the code editor. This is the example of Storefront before and after applying the code I give you:

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[Rachel007]

I have the same question with @BrianRuiz The solution from @WizzCommerce_Co seems promising. I'll give it a try