Dawn Theme - Change Sale Colour Badge on Collection and Product Pages

[scent26candleco]

My store URL is https://scent26candleco.co.uk/

How do I change the colour of the sale badge on the collection and product page so that it the background colour is OB82C9 and not white? Thanks

[mudasir07]

.card__badge .badge {
    background: <Your colour hear>;
}

add this in theme.css file 

[Made4uo-Ribe]

Hi @scent26candleco 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.product-grid .badge, .badge.price__badge-sale {
    background: #0B82C9;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[scent26candleco]

Thanks - how do I get the word Sale to be white instead of black? I have not followed the previous step yet, as would prefer to add 1 piece of code versus 2!

[Made4uo-Ribe]

Just add the color. 

.product-grid .badge, .badge.price__badge-sale {
    background: #0B82C9;
color: white;
}

And Save. 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[scent26candleco]

I added the code to base.css in Assets but nothing has changed - it still shows as black text and a white background. Any ideas where I am going wrong?

[Made4uo-Ribe · Accepted solution]

In your base.css I found this. 

This should be a curly bracket please change this one.

And try pasting the code again. If it’s still not working, paste it into the custom.css file from the theme editor.