Out of stock button colors change

Hi there,

go to Customizer > Colors --> Woocommerce ---> Products and there is Background and Text colors for the Sales Sticker.

Hello,

No, I'm not talking about the sales sticker but about the "out of stock" button on product archives.

I'm not seeing the out of stock button on the page you linked.

Can you specify where we should be looking at?

On the second page actually there are two products out of stock, written in cyrilic - ИЗЧЕРПАН

Added a link to page two in the private field

I see, try this CSS:

li.product.outofstock > a.button {
    background-color: red;
}

Works well, but how to change the text to a different color?

The idea is to set the background color to white and the text to be in red.

Change Yings CSS to:

li.product.outofstock > a.button {
    background-color: red;
    text: #fff !important;
}

Hello,

There seems to be some kind of a error with the text attribute: https://prnt.sc/bDnqProHBX9h

Try this:

li.product.outofstock > a.button {
    background-color: red;
    color: #fff !important;
}

Thank you a lot! 😊

No problem :)