Jump to content

How to edit sale/discount text and color?


Recommended Posts

Kindly try to add the CSS in the below file with "!important"

Path : themes\{Your-theme}\assets\css\theme.css

.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount{

background-color: red !important;


.has-discount .discount{

background-color: red !important;


.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul{

background-color: red !important;



Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...