[Resolved] Need to remove "out of stock" text from Product Description

[Nick]

I have a product that is not available yet, but I still want to advertise it on my site. If I remove the price, the “read More” button moves up into the space where the price used to be, and I don’t like the aesthetic. The solution I found is to mark the product as out of stock which keeps the button in place. However, I don’t like the phrase “out of stock” on the actual description page. Is there a way that I can remove that text? Thanks so much!

[David]

Hi there,

is it possible we can see the site so i can provide some CSS to hide it ?

[Nick]

Sorry David, I had the coming soon page activated. I just updated the link in my original post that will take you to the product description page that I’m talking about. I just want to remove the red text that says “out of stock.” Thanks.

[David]

Try this CSS:

.woocommerce div.product .out-of-stock {
    visibility: hidden;
}

it will hide but won’t remove it so the content below it won’t shift up.

[Nick]

Thanks David. Can you tell me where to put that code? I’m not a developer, I’m just a DIYer. I have Code Snippets, does it go in there, or somewhere else? Inside the theme CSS maybe?

[Leo]

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Nick]

Thank you so much David and Leo. Worked like a charm. You guys are awesome!

[Leo]

Glad we could help 🙂

[Author]

Posts