How to add text before the sale label?

Hello,
on the theme options we have the option to “Sale” label in percentage.
so on the front, each product in sale get a label with something like: -%50
I would like to add a fixed text before this number so it will say: You Save: 50%
how can I do that?

thanks.

Hello,

The Sales label is too small and this text would not fit the width of the label. If we make a small text it would not be readable.

If you have any questions please feel free to contact us.

Best Regards

thanks for the answer.
can’t we do it bigger? so the width will be bigger? I don’t think it will cause to an issue.
Please let me know how can I do that.

thanks.

Hello,

If we make it bigger all the labels: new /how would also be increased. If it fits you, please provide the page URL.

Best Regards

can you explain how I can do it? and I will do it myself?
I don’t need the css code, just to know how to add the extra text I need and where.

thanks.

Hello,

If you have CSS skills you can do it on your own.

If you need help, please provide the page URL.

If you have any questions please feel free to contact us.

Best Regards

Hello,

please provide me the code to add the text before the %xx amount.
thanks.

Hello,

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

.product-labels.labels-rounded .product-label:before {
content:"You Save: "
}

if this code does not work, try this one:

.product-labels.labels-rectangular .product-label:before {
content:"You Save: "
}

If you have any questions please feel free to contact us.

Best Regards

thanks,
but also, how can I remove the minus sign?
so it will say: “You Save: 60%” AND NOT “You Save: -60%”

thanks.

Hello,

Unfortunately, it is not possible to remove the minus. It is a part of the text.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts