021 158 1400 [email protected]

The colour of the Woo Commerce ‘Sale’ Badge is by default orange. This isn’t a button so doesn’t take on the accent colour automatically, and it isn’t an editable element in the Theme Customiser.

Fortunately this is an easy fix. All it takes is a tiny bit of code added to the CCS main Divi Style sheet.
This code has the colour reset to a warm red as in the header image above.


.woocommerce span.onsale, .woocommerce-page span.onsale {
background: #df4002 !important;


That’s it. You’re all done : )

We recoloured the Woo Commerce Sale badge on the following sites:

Total Health

Looking to get your business seen? Then see us.

Web Site Developer Auckland | North Shore | Matakana | Warkworth | Omaha

Pin It on Pinterest

Share This