Changing Sale price color in Minimal Theme

[jckacova]

Hi there,

I just realized after I paste these code,

span#ProductPrice { color: red!important; }

all my products price become red including reguler price items... Is there anyway only make price red for sale items? 

Thanks

[oscprofessional]

Hello @jckacova 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.on-sale .grid-link__sale_price {
	color: red !important;
}

Hope this will work for you.
Thanks!

[jckacova]

Hi,

Thanks for your reply. I paste those code, but it become like this :

What I want to change is the price color on a product page, just the circle one price become red. 

Thanks for your help. I really appreciate

[oscprofessional]

Hello @jckacova 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->timber.scss.liquid

.product-single__prices #ProductPrice.product-single__price {
	color: red !important;
}

Hope this will work for you.
Thanks!

[jckacova]

Thank you so much!! It works. You are amazing

Cheers

[jckacova]

Hi 

Sorry, it's me again. Non sale item price becomes red as well...Is there anyway to fix?

Thanks first

[oscprofessional]

Hello @jckacova 

I have checked your requirement, but you need to add additional class for applying sale condition on product & then applying CSS code.
If you have done condition then drop message here.

So that I can check and let you know the exact solution for this.

Thanks...

[jckacova]

Hi 

Thanks for your reply. What is the " additional class" ?

[cataleyacr]

Hello I need help with this too. I need my NON- Sale items to not be in RED please, i'll show you. My store is cataleyacr.com Thank you!

[maik88]

(reply deleted)