Change color of sale price and compare at sale price

Change color of sale price and compare at sale price

BrianRuiz
Visitor
3 0 1

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.

Replies 3 (3)

Taknify
Shopify Partner
202 14 25

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. 

Need to tweak your store a bit? Come and visit us at Taknify or send me message.

WizzCommerce_Co
Excursionist
57 9 13
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:
 
Before.png

 

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

 

Check here Wizzcommerce App to optimize your store: SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io
If our suggestion is useful for your problem, please let us know by giving Like and Accept Solution !!!
Rachel007
Shopify Partner
1 0 1

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