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?

#411784

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