Changing Sale price color in Minimal Theme

Solved
jckacova
Excursionist
29 0 4

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

 

0 Likes

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!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
jckacova
Excursionist
29 0 4

Hi,

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

截圖 2020-07-15 下午6.38.36.png

 

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

截圖 2020-07-14 下午1.18.10.jpg

 

Thanks for your help. I really appreciate

0 Likes

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!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
jckacova
Excursionist
29 0 4

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

Cheers

 

0 Likes
jckacova
Excursionist
29 0 4

Hi 

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

Thanks first

截圖 2020-07-15 下午7.11.11.png

0 Likes

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...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
jckacova
Excursionist
29 0 4

Hi 

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

 

0 Likes
cataleyacr
New Member
1 0 0

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!Screen Shot 2020-11-16 at 10.59.19 AM.pngScreen Shot 2020-11-16 at 10.59.28 AM.png

0 Likes
maik88
New Member
1 0 0

(reply deleted)

0 Likes