Change sale price and badge colour in District Theme?

Technical Q&A
1

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

2

@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!

3

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

4

@DaniAG

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

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

5

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?:

DaniAG_1-1669463708266.png
DaniAG_1-1669463708266.png227×368 111 KB

Thank you,

Dani

6

@DaniAG

put this css code

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

7

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

8

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):

DaniAG_0-1669604196026.png
DaniAG_0-1669604196026.png422×702 344 KB

Thank you so much again!

9

@oscprofessional just a follow up regarding my msg above.

Thank you,

Dani