Change font size for “Out of stock” product label

Hello,

I just complete the Woodmart theme update. Since then, a couple of my custom CSS have stopped working.

For exemple: the mention “Out of stock” on product label (translated as Épuisé in French) is now too big (see picture).

I initially used the following custom CSS:

body .product-label.out-of-stock {
font-size: 10px;
}

However, it’s not working anymore.
Can you tell me if there is a mistake in my custom CSS?

Thank you,

Nicolas

Attachments:

You must be logged in to view attached files.

Hello,

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

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

Best Regards

Hello,

I used your custom CSS but it’s made no difference.
The problem is the same (see picture attached)

Can you help me?

Thank you,

Nicolas

Attachments:

You must be logged in to view attached files.

Hello,

If you have a cache plugin https://gyazo.com/5650b2bfe49ffe7140e9c6008d4a9e7c as you can see the code is workable.

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

Best Regards

Hello again and thank you for your quick reply.

I am afraid I don’t understand what you are saying.

I do have a cache plugin (Litespeed cache). I cleared all the cache. I went on the webpage via Google Chrome and Firefox and it still appears like in the picture. I don’t know how you manage to make the font look smaller.

The custom CSS is inserted and the cache has been cleared. I must have missed a step somewhere.

Can you explain it to me step by step?

Thank you,

Nicolas

Attachments:

You must be logged in to view attached files.

Hello,

Please ignore my previous message. I managed to make it work.

Thank you for your help,

Nicolas

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts