How do i change the color of the badge using the code?

I have tried to change the color of the badge and there are a few options to change the color of the badge but I haven’t found a way to customize it, I have used the dawn theme.

here the sold-out should be red in color but I am not able to find the code to change it, I tried to change it in the base.css, but then all the badges change the color.

also, is there any way to add more badges?

Hi @PraneshUlleri ,

  1. How can change color of the badge? => you can please give the site link, i will check and provide the suggestion for you.

  2. Is there any way to add more badges? => Yes you can, This thing will depending your requirement you can check the conditional of code and add the badge follow conditional.

Hop can helpful to you!

Thanks!

Right now i was able to edit the badge’s style to this …

I wanted to make the sold out to red, but i am not able to change the color without actually affecting the other parts of the page which uses the same color coding. It would be really helpful if I could get the solution to this issue…

I will share the link
https://mymarketshopping.com/

additionally, I wanted to make the “-50% off” to “50% Off” too…

Hello @DitalTek ! thank you for showing your support!

Right now i was able to edit the badge’s style to this …

I wanted to make the “sold out” to red, but i am not able to change the color without actually affecting the other parts of the page which uses the same color coding. It would be really helpful if I could get the solution to this issue…

I will share the link
https://mymarketshopping.com/

additionally, I wanted to make the “-50% off” to “50% Off” too…

Hi @PraneshUlleri ,

I checked on your site and see, you have changed the color for badge already, and changed the discount too.

So, what the issue you need help here?