"SOLD OUT" SIGN DESIGN

Hello,

Can you please help me decrease font in “sold out” sign on my goods so that it look okay? Please see screenshot attached.

I know it might be Woocommerce fault and not your theme, but I’d really appreciate if you help me with this issue.

Thank you!

Hello,

Add this code to the Theme settings > Custom CSS

body .labels-rounded .out-of-stock {
    max-width: 50px;
    font-size: 8px;
}

Best Regards

Thank you!

It looks nice on desktop now. However, in the mobile version it’s not okay (please see screenshot). Can you please help me make it normal (round sign, “sold” on the first line, “out” on the second line)?

Thank you very much in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this code to the Theme settings > Custom CSS > Mobile

body .labels-rounded .out-of-stock {
    max-width: 50px;
    font-size: 9px;
}

Try to change the font-size 10 or 11.

Best Regards

[Author]

Posts