How to change font size for OUT OF STOCK label on products

Hello,

I am in the process of creating an ecommerce in France.

I translated the OUT OF STOCK label that appears on a product image with the French equivalent “Épuisé” but the font is now too big. It looks weird. Please see image attached.

I am not confident enough to change the size of the font using the Theme code.

Are you able to quickly adjust it for me? If yes, please explain to me how to share the site admin with you. I don’t know how to do it.

Thank you,

Jessica

Attachments:

You must be logged in to view attached files.

Hello,

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

body .labels-rounded .onsale { 
color:#ffffff; 
background-color:#000000; 
font-size:12px; 
}

Please set the values as per your needs.

Best Regards

As explained in my initial message, I have never done anything with the theme code and I am not really confident.

Are you able to be a bit more detailed in your explanation?

A step by step explanation or something to show me how to do it (like a video for instance)?

Thank you,

Jessica

is this the place where I am supposed to copy the code?

Sorry, I sent a message without attaching an image.

Is this the place where I am supposed to copy your code? (please see image attached)

Attachments:

You must be logged in to view attached files.

I have solved it. 🙂
Thank you

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts