Change Color of Sale Badge - WooCommerce

No results found. Try again with different words?

Search must be at least 3 characters.

Change Color of Sale Badge – WooCommerce

While building your eCommerce website with WooCommerce and Astra Pro, you will notice the Misc module. Under the Misc module, you will find an option to design the Sale Notifications/Sale badge as per your requirement. Have a closer look at this module from the following sections.

Sale Notifications

To change the sale badge UI for all products, navigate to

Appearance>Customize>WooCommerce>Misc>Sale Notifications

Look at the below-attached image for a better understanding of how sale notifications will reflect on the front end when you make changes.

Change Color of Sale Badge – WooCommerce

To change the color of the Sale badge, navigate to the ‘Design’ tab.

Under ‘General Colors’, you can see the sale badge color option. You can set the sale badge text, and background/border color here.

Change Color of Sale Badge – WooCommerce

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.