How to change the sale badge color on the collections page, like this one https://toubaby.com/collections/shoes/Shoes ? Many many thanks!

@toubaby 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; }

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 col…

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?

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 https://bit.ly/3gF8Txo

@toubaby like this? [KetanKumar_0-1641525909090.png]

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!

Thank you indeed, Ketan! That works so perfectly and I really appreciate it.

@toubaby 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

@chelux oh sorry for that issue can you please share store url so i will check and update

Change sale badge color on collections page

Store Design

toubaby January 7, 2022, 6:12am 6

https://toubaby.com Thank you, Heekman!

Topic		Replies	Views
Change Collection Page Sale Badge - Impulse Theme Store Design design , collection-page	2	136	November 4, 2024
How to change the sale badge on the collection page Store Design menu , liquid , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	4	63	May 10, 2025
How can I modify the sale badge background color in my collection page? Store Design design	8	108	March 18, 2023
How can I alter the sale badge color on my collections page? Store Design collection-page	4	45	August 21, 2023
Prestige Theme: Change price color and sale badge color Store Design design	41	415	February 2, 2024

Change sale badge color on collections page

Related topics