Hiding “Out of Stock” Label on Products

I’d like to hide the “Out of Stock” label from all product listings. I’ve looked through the theme settings but couldn’t find a built-in option for this.

Hi sahalshazz777,

Thanks for reaching to us.

Add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

body .product-labels .out-of-stock {
    display: none;
}

Regards,

I’ve uploaded the code to my theme, but unfortunately, it hasn’t made any changes.

Attachments:

You must be logged in to view attached files.

Hi sahalshazz777,

Please remove previous code and use below one

.product-labels.labels-rounded .product-label.out-of-stock{
    display: none;
}

Regards,

it works in single product page but it still showing on the product shop page

Attachments:

You must be logged in to view attached files.

Hi sahalshazz777,

I tested on my end and the code worked on categories as well.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Ys it’s working now , Thank you

Hi sahalshazz777,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts