How can I change the color of the 'SALE' badge in Focal theme?

Store Design
1

Hi!

I would like to change the colour of the “SALE” badge that appears on a product when marked down.

Please could I get some assistance with doing this?

The theme I am using is Focal.

Thank you!

1 Like
2

HI @MelissaPegasus

Would you mind sharing your store’s URL so we can provide a solution for this?

3

Yes of course:

https://stylelabstore.co.za

Thank you!

4 
span.label.label--highlight {
    background: green !important;
}

@MelissaPegasus
Add this code in the theme.css or theme.scss file,

choose color according to your need.

2 Likes
5

Thank you very much! This worked!

Kindly advise if there is a way to also change the colour of the discounted currency amount when Marked Down?

Thank you!

6

@MelissaPegasus

span.price.price--highlight {
    color: green !important;
}

Try this.

7

It worked, as well!

Thank you very much for your help!

1 Like
8

Hi!

I have another store and I am using the Context Theme.

I need to know how to change the colour of the SALE badge in this theme as well as the colour of the Marked down currency of each product.

Any help would be appreciated.

Thank you!

9

@MelissaPegasus
Share store url,
So that we can help you.

10

Sure thing.

Please see below:

https://acajoe.co.za

Thank you!

1 Like
11

@MelissaPegasus
it’s coming from third party app,

you can change it from your app setting.

12

Is there a way to completely get rid of the sale button and only have the marked down price on the price area?

13

Hello @MelissaPegasus

I have a suggestion for you for adding badges & labels to your store. There are apps on the Shopify app store that allow you to do so with ease. You can simply pick the badges/labels with the text that you want and apply these without any development effort at all.

And the best part is it’s really quick and easy to do so. You can use apps like ModeMagic to do the same. You can even run automation and other conversion-oriented features on your store! These are good to have when you scale.

You also have the option to add custom text to the badges. Or if you don’t find anything of your preference, you can get a custom design made as well :). Feel free to experiment with the app with the free trial available.

Thanks. Hope this would help