Change sale badge text and background color with code

Store Design
1

hello, can someone give me code to change the sale badge text and background color? would be appreciated !

www.exoticsouls.world

password ( blackfriday22 )

2

Hi @ExoticSouls ,

  • Change text: Go to Actions > Edit languages > products > product > On sale.

Screenshot.png
Screenshot.png979Ă—573 10.4 KB

  • Change color: Go to Assets > base.css and paste this at the bottom of the file:
.card__badge .badge {
    background-color: #008000 !important;
    border-color: #008000 !important;
    color: #ffffff !important;
}

You can change the color code by yourself.

1 Like
3

thank you

1 Like
4

This worked perfectly. But is there a way to change them individually? My “sold out” badge is the same color as the “on sale” badge. I don’t want customers to be confused or mistake a product for being sold out when it’s simply on sale. Preferably I would like the “on sale” badge to be green, and the “sold out” badge to be red