Solved

change sale badge text and background color with code

ExoticSouls
Explorer
114 0 15

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

 

www.exoticsouls.world

password ( blackfriday22 )

Accepted Solution (1)

LitCommerce
Astronaut
2860 684 728

This is an accepted solution.

Hi @ExoticSouls,

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

Screenshot.png

- 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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 3 (3)

LitCommerce
Astronaut
2860 684 728

This is an accepted solution.

Hi @ExoticSouls,

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

Screenshot.png

- 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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
ExoticSouls
Explorer
114 0 15

thank you

ShaMarr
Visitor
1 0 0

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