Change Sale Badge Color

Store Design
, ,
1

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

Rickyxane_0-1751562141049.png
Rickyxane_0-1751562141049.png457×474 74.1 KB

Can some one help me please?

Thank you in advance!

2 Likes
2

Sure, I can help! :blush:

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

3

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

4

Hi @Rickyxane

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

5

Hello @Rickyxane ,

Add this code

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

Regards
Guleria

6

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

7

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