Sale Price color creating the same color background in Debut Theme

Solved
Highlighted
New Member
3 0 0

Hi, I'm using the Debut theme, and when I select a Sale Price, it creates a background color to the "Sale" language next to it. In this case, it should read "Black Friday Sale", but it is automatically covering the background space behind it to the same color as that it just looks like a color bar. 

 

Screen Shot 2020-11-19 at 9.23.16 PM.png

 

Can anyone advise?

0 Likes
Highlighted
Astronaut
1022 91 122

@mrthecba - please share site link and password if any

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
3 0 0

I’ve emailed you. Thank you!

0 Likes
Highlighted

This is an accepted solution.

Hi @mrthecba 

Please add below code at bottom of your CSS file : theme.scss.liquid

.price__badge{background-color: #fff!important;}

 

Best Wishes 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on parth.bhut143@outlook.com

 

0 Likes
Highlighted
New Member
3 0 0

I used your suggestion by copy and pasting the below and it worked, thank you!

 

.price__badge--sale { color: #fff !important;
background-color: #1D1E1E !important;}

0 Likes
Highlighted
Astronaut
1022 91 122
Thank you very much for accepting it as solution.
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
222 17 84

Hey @mrthecba,

I would suggest adding badges/labels on your products that have Black Friday Sale, as it is much more effective to quickly grab shoppers' attention. Using FOMO tactics will easily nudge customers to purchase products before they run out of stock/miss the huge discount. Having said that, you should try out the extensive collection of badges we have in our app ModeMagic, including some unique styles of Black Friday Sale badges. No coding knowledge needed, and can be done within seconds!

Screenshot 2020-11-25 at 4.23.24 PM.png

You can also create custom badges based on what copy you prefer. If you don't find what you're looking for, simply request a custom label & we'll make one for you!

 

 

 

 

 

ModeMagic
Featured on Shopify Staff Picks
0 Likes