How do I change the color of the COMPARE AT vs the CURRENT item price? Both are same color.

Solved
Highlighted
Tourist
14 0 3

Hello,

I am currently using the Supply theme.

When I run a sale using the EasySale app, the color of both the CURRENT and the ORIGINAL item price are the same!

Here is a screenshot showing what I mean:

pricing sales 1.png

I want to draw a distinction between them. How do I make the current product price colored RED instead of black?

ALSO, how do I change the "SAVE $47.49" button, to instead say "50% OFF"? 

My URL is: https://nextlevelartwork.com/

Thanks!

Anton

1 Like
Highlighted
Shopify Partner
8524 1138 2981

Hello, @AntonD 

Thanks for post 

sorry but i can't see 

KetanKumar_0-1600796806538.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
14 0 3

Sorry, I turned off the sale earlier because I was adding more items.

I am re-enabling it and you should be able to see it now:

https://nextlevelartwork.com/collections/framed-canvas

Thanks,
Anton

0 Likes
Highlighted
Shopify Partner
8524 1138 2981

@AntonD 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.on-sale small {
    color: #528ec1;
}
.on-sale small s small {
    color: #000;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
14 0 3

Thanks, but that only changed the colors on the collection pages. Not the product pages.

How do I change it on the product page?

And that changed the color to blue. How do I change it to red? Etc? Is there some guide for what color codes correspond to what colors that I could follow?

Thanks,

Anton

1 Like
Highlighted
Shopify Partner
8524 1138 2981

This is an accepted solution.

@AntonD 

Thanks 

yes you can change color

.on-sale small {
    color: red;
}
.on-sale small s small {
    color: #000;
}

product page required to some customization 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes