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.

 

/** WOO SALE COLOUR **/
.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

Call 021 158 1400 for Web Design North Shore, Auckland

Share This