How to separate the color of the sale tag and text?

New Member
3 0 1

I'm using the simple theme now,I want the sale tag and the sale price text in different color,they can only be edited to the same color.And I want to make the sale tag a rectangle.I appreciate any help you guys can offer,thank you.


Shopify Partner
4830 716 1534

This is an accepted solution.

Hello, @creationfcn 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in bottom of file

.badge--sale span {
background-color: #c13121;
color: #ffffff;
.product__price--on-sale {
color: #c13121;

Want to modify or incorporate custom changes on store
If helpful then please Like and Accept Solution.
Skype :
Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization 
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
New Member
3 0 1

Thank you very much!

1 Like