Change out of stock text appearance

[Jaworskyj]

Hi there,
I want to change the “Out of Stock” text appearance. I want the font color to be red, font size 18pt and the weight bold. How do I do that?

Best regards

[Prasant]

Hello @Jaworskyj,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.stock.out-of-stock {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Jaworskyj]

Thank you, that worked perfectly!

[jade]

You’re most welcome, Jaworskyj.