Change Sale Badge Color

[Rickyxane]

I would like to change the color of the sale badge on the product image from RED  to this color: #D1A972

Can some one help me please?

Ciara-Boutique.com

Thank you in advance!

[Fitfusion99]

Sure, I can help! 😊

To change the sale badge color to # D1A972, follow these steps:

1. Go to your Online Store > Themes

2. Click Customize on your active theme

3. Click Theme Settings (usually at the bottom left)

4. Look for Custom CSS or Additional CSS

5. Paste this code:
   
   

   If that doesn’t work, the class name might be different depending on your theme. You can inspect the badge using the browser’s inspect tool to find the right class.

   Let me know what theme you're using if you're still stuck. I’ll guide you further

[Rickyxane]

Can you please paste the code? Its not in your message. 

[Fitfusion99]

.sale-badge {
background-color: #D1A972 !important;

[yoce_jave · Accepted solution]

Hi @Rickyxane 

Can you please share the link to your shop? I'll help you out with this.

[Guleria]

Hello @Rickyxane ,

Add this code

.product-label>span { 
    background: #D1A972 !important; 
}

Regards
Guleria

[Stunny]

its alot easier! just go into your theme editor -> settings -> badges and select a scheme.