Sale Percentage Badge - Colour Change for Spark Theme

[Jessicadas]

Hi Everyone,

I’m Updating my store and have purchased the ‘Spark’ Theme. Everything is coming along perfectly except for the Sales Badge. I would really like to keep the badge, and be able to change the colour of the badge from red to my business branding colours.

I have already looked under the theme colour settings, as well as countless google searches and cannot find the solution.

If anyone could help on how I can do this it would be great.

[Nick_Marketing]

You could try adding this code at the bottom of theme.css

.product-item__badge--sale{
  background-color:#ffff00 !important;
}

[Jessicadas]

Unfortunately that hasn’t worked.

I’ve tried add a few different codes and none have work thus far.

[suyash1]

@Jessicadas - can you please share your website link?

[Jessicadas]

Found the solution! Found this on developers website..

1. Duplicate Theme

2. Edit Code

3. Under ‘Assets’ Folder go to ‘index.css’

4. Paste this code at the bottom

.product-item__badge.product-item__badge–sale {
background-color: pink;
}

Change ‘pink’ to whatever colour you like.

Thanks for the suggestions guys!

[woai18ytgjiang]

Easy way to change color in spark theme.