Anyone know how to change the colour of the Save 28% sign? I also want to change it to say 30% so it looks cleaner if that’s possible. Please let me know.
Hi @Furro ,
please share your store url and password if password protected.
Thanks
Manoj
Hey! Yes, you can definitely change the color and text of the “Save 28%” badge — but it depends on your theme.
1. *To change the color:*
Go to *Online Store > Themes > Customize*, then look for a *Product or Badge section* under your theme settings. Some themes let you change the badge color directly from there. If not, you’ll need to edit the CSS in the theme code.
2. *To change the text to “Save 30%”:*
You’ll likely need to go to *Online Store > Themes > Edit Code*, and search for something like `price-badge.liquid`, `product-card.liquid`, or `sale-badge.liquid`. Look for the percentage logic or the “Save” text and manually change it — but be careful, especially if the percentage is auto-calculated.
If your theme calculates the discount automatically, you’ll need to adjust the *compare-at price* and *sale price* so that it results in exactly 30%.
Hi @Furro,
Please send the website link, I will check it for you
Hi @Furro
If possible can you please share your url, and if your store not public yet, you can share the password access to store too.
Hi @Furro,
Kindly provide your store URL please and if it is password protected, please share the password as well.
Thanks!
@Furro color change will need simple css change, % number depends on how much discount has been given, that number is shown via code. So to change that code needs to be changed.