Change sale price and badge colour in District Theme?

[DaniAG]

hi,

Could someone please help me by providing a code to change the sale price and badge to red in the District theme?

Thank you,

Dani

[oscprofessional · Accepted solution]

@DaniAG 

span.label.sale {
    background-color: red !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[oscprofessional]

@DaniAG 

Hello,

Can You Please Share Your Store URL... if your store has password protection then also share a password

I Will Check and Provide a Proper Solution

Thank You!

[DaniAG]

hi there, my store URL is Bikini - Sale (madetobefree.com.au)

Can I cut and paste what you need here instead I'm not sure what my password is.. otherwise will try to reset. What part of theme.scss.liquid could I copy and paste here for you?

Thank you so much,

Dani

[oscprofessional · Accepted solution]

@DaniAG 

span.label.sale {
    background-color: red !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[DaniAG]

hey it did work thank you so much! I'm even able to play with the colours as well by replacing the word 'red' in the code. How can I make the new price other color as well?:

Thank you,

Dani

[oscprofessional · Accepted solution]

@DaniAG 

put this css code

.price span.money {
color: #B81DE1;
}

[DaniAG]

Awesome, it worked! Thank you so much, really appreciated!

[DaniAG]

Sorry I just realised that the price colour of the products not on sale also changed, is there any further code that I can enter to avoid it? Example below should be showing the original dark greyish colour (default):

Thank you so much again!

[DaniAG]

@oscprofessional just a follow up regarding my msg above.

Thank you,

Dani