Changing colour on prices

Highlighted
New Member
3 0 0

Hi there,

 

I am using the Brooklyn theme and I'm trying to change the colour of the regular price of a product that has a strikeout to red and change the sale price to green. How would I go about doing this? Thank you !!

0 Likes

Hello 

Please share your site url.
So that i can check and provide you exact solution here.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

#ProductPrice {
color: green;
}
#ComparePrice {
color: red;
}
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
3 0 0

Thanks a lot for your help OSC. I was able to change all the regular price items to red however, the sale price still remained black.

 

This is what I did to change it to green. Around line 3385 there should be a code that looks like this:

 

.grid-product__price {
@include accentFontStack;
font-size: em(14px);
}

 

I added a line to it which makes the code look like this now:

 

.grid-product__price {
@include accentFontStack;
font-size: em(14px);
color: green;
}

 

Worked like a charm. Hopefully this helps anyone else who is trying to accomplish the same. 

0 Likes