How to change the sale badge color on the collections page, like this one https://toubaby.com/collections/shoes/Shoes ? Many many thanks!
Hello, I see you wanted to have sale badge to Blue color as the reference website you showed. This is very simple and straight forward. All you need to do is to go to your shopify theme customization and click on collection, so you will see where to select products row and colum, so you will see color badge color below. But what theme are you using? Just try out that and let me know if you get that right.
1 Like
Thank you very much, Heekman. That’s my website… I want to change the sale badge color to red but can’t. Is the default theme the Debut one?
1 Like
Okay good, Can i have the whole store URL to know the exact theme you use? but irrespective of any theme i can perfectly help you change it to your desired color ( red).
you can reach out to me via this link for better to get it done now
1 Like
1 Like
https://toubaby.com Thank you, Heekman!
Thank you, Ketan! How did you change the color? I’m still seeing the blue color here… The picture that you showed me is what I want. Can you please show me how to do it? Thank you very much!
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
span.badge.badge--bottom-left.color-accent-2 {
background: red;
border-color: red !important;
}
1 Like
Thank you indeed, Ketan! That works so perfectly and I really appreciate it.
1 Like
its my pleasure to help us
Would like to change the color of sale badge on collection page for Origin theme — this code doesn’t seem to work for it. Would you happen to know of a code that will work for this theme? Thank you
1 Like
oh sorry for that issue can you please share store url so i will check and update