Out of stock item style

Is there a way to make the out of stock item with different color or with a dash on it.

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

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 1 year, 8 months ago by Luke Nielsen.

Thanks but i meant to change the color of the our of stock Size or make it not clickable

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

[Author]

Posts