How to change the text color of the sale badge?

Hi hi,

I would love to change the text color of the sale badge, but I can’t find how to do this. Can someone help me? As you can see it’s white now and it has to be black because people can’t read it now :disappointed_face:

Thanks in advance!

1 Like

Hello @myl1 ,

Please share your store URL and password.So that I will check and let you know the exact solution here.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Hi, @myl1

Can you please share the store URL so that I can assist you?

Add the following CSS but change the color from red to your desired color.

.price__sale .price-item--regular {
  color:red;
}

https://atelierpomme.nl/

Code:2894

https://atelierpomme.nl/

Code: 2894

Hi @myl1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

I have applied the access. Please accept.

Hello @myl1

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.badge--onsale { color: #000 !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

Hello @myl1

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save


Output:-

Best Regards,
DWS.

Hi @myl1

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

@myl1

Have you done this?

If not, you can consider using Product Labels&Badges to do that.