Debut theme - Sale box is the same color as the text

Solved
Highlighted
New Member
4 0 0

Hi! 
How do I change the color of the text in the sale box? 

Screenshot 2020-09-10 at 19.02.33.png

 

 

 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1232 120 309

This is an accepted solution.

Hey there, @gbg19 

 

Bo here from Shopify Support! 

 

That is a fantastic question. I did some digging into this and found that you can change the color of the text in the sale box in Debut by adding a few lines fo code to the theme.scss file! 

 

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code.

 

  1. Go to Online Store > Current Theme > Actions > Edit Code. 
  2. Open the Assets folder and click into the theme.scss.liquid file.
  3. Scroll to the bottom of this file and add the following code: 
    .price__badge.price__badge--sale {
      color: white;
    }​
  4. Click Save. 

You can of course use any color here, I would, however, suggest using white as it has the best contrast against red. Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo - Social Care @ Shopify


Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Highlighted
New Member
4 0 0

Thank you!

0 Likes