How to change the offer label on prduct

how to change the offer label. For ex: now its in -20%, i need it in 20% off
I have attached two different images, i wanted the label like second image
(1st image is from woodmart, 2nd is from different website)

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-label.onsale:after {
content:" off"
}
body .product-labels {
    max-width: 100%;
}

Best Regards

Now i got off but how to remove that “-”

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .labels-rectangular .onsale {
display:none;
}

Best Regards

[Author]

Posts