Out of stock item style

Hello,

With the help of the below code, you can change the color and add an underline for the “Out of stock” item. Enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.single-product .woocommerce-variation-availability .stock.out-of-stock {
    color: orange;
    border-bottom: 2px solid #333;
    padding-bottom: 2px;
}

https://gyazo.com/d25672d0e82bcfa8370b5ada006f13f7

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

• This reply was modified 2 years, 6 months ago by Luke Nielsen.

Hello,

While there’s currently no way to do that, we appreciate you taking the time to let us know what you’re looking for most of the improvements we make come from ideas and suggestions like yours, so thank you, and have a good day!

Kind Regards