Need help with “Sold out” badge in mobile

Hey,

Need solution to help fit “Sold out” badge name translated to Lithuanian “Išparduota” in mobile version.

Page link: https://houstera.lt/produkto-kategorija/biuro-technika/darbo-stalai/
I add link and print screen for reference.

Attachments:

You must be logged in to view attached files.

Hello,

You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

In order to translate the WooCommerce strings, you need to create a separate translation in Loco > Plugins > WooCommerce in the same way as shown in the video.

Best Regards

I know how to do translation, but problem is control font size in mobile version, how to make smaller Sold out badge font size?

Hello,

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

body .labels-rectangular .out-of-stock{
font-size:12px;
}

or

body .labels-rounded .out-of-stock{
font-size:12px;
}

Best Regards

I tried both codes and also tired font size number change, but still no result…

Link: https://houstera.lt/produkto-kategorija/biuro-technika/darbo-stalai/

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL where I can see the label.

Best Regards

Hey,

I aded link two times in previest messages, but here ones again.
Link: https://houstera.lt/produkto-kategorija/biuro-technika/darbo-stalai/

Hello,

Please use this custom:

body .product-labels.labels-rounded .product-label {
    font-size: 10px;
}

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

Best Regards

Still not working, code does nothing.

Link: https://houstera.lt/produkto-kategorija/biuro-technika/darbo-stalai/

Hello,

I have checked and the code works: https://gyazo.com/513c5b35700b163e4b8d20f9bc8c9d03

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

You miss understood me, it is not discount number, but the “Sold out” badge text in mobile phone

I add once more print screen of the badges.

Link: https://houstera.lt/produkto-kategorija/biuro-technika/darbo-stalai/

And credentials to log in.

Attachments:

You must be logged in to view attached files.

Hello,

Please use this code:

body .product-labels.labels-rounded .out-of-stock {
    font-size: 8px !important;
}

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

Best Regards

This worked, thanks!

You are welcome!

Wish you a wonderful day!

[Author]

Posts