Home › Forums › WoodMart support forum › Where can I change the icons in the product picture? › Reply To: Where can I change the icons in the product picture?

Aizaz Imtiaz Awan
Hello,
Sorry to say but unfortunately right now, there isn’t an option available under the Theme to change the Labels Text.
So, alternatively, we have tried a CSS solution to change the Text which you can try also on your Site.
For the SALE Label, here is the CSS that you need to try on your Site:
.onsale.product-label {
visibility: hidden;
}
.onsale.product-label:before {
content: "SALE" !important;
visibility: visible !important;
opacity: 1 !important;
background: #83b735 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 8px !important;
min-height: 50px !important;
border-radius: 35px !important;
font-size: 14px !important;
}
In this CSS, under the content: “SALE”, you can write your own Text.
For the NEW Label, here is the CSS that you need to try on your Site:
.new.product-label {
visibility: hidden;
}
.new.product-label:before {
content: "VERY NEW" !important;
visibility: visible !important;
opacity: 1 !important;
background: #438E44 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 8px !important;
min-height: 50px !important;
border-radius: 35px !important;
font-size: 14px !important;
}
In this CSS, under the content: “VERY NEW”, you can write your own Text.
For the HOT Label, here is the CSS that you need to try on your Site:
.featured.product-label {
visibility: hidden;
}
.featured.product-label:before {
content: "VERY HOT" !important;
visibility: visible !important;
opacity: 1 !important;
background: #E22D2D !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 8px !important;
min-height: 50px !important;
border-radius: 35px !important;
font-size: 14px !important;
}
In this CSS, under the content: “VERY HOT”, you can write your own Text.
To paste the Custom CSS on your Site, you need to go to Dashboard > Theme Settings > Custom CSS > there you can paste the above said CSS.
Best Regards