Archived topic

Need to remove "out of stock" text from Product Description

7 replies · Started by Nick on January 23, 2019

Viewing posts 1–8 of 8

January 23, 2019 at 6:51 am #790059

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!

January 23, 2019 at 8:01 am #790141

Hi there,

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

January 24, 2019 at 7:24 am #791081

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.

January 24, 2019 at 7:39 am #791090

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.

January 24, 2019 at 9:10 am #791196

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?

January 24, 2019 at 9:27 am #791223

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

January 24, 2019 at 10:17 am #791264

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

January 24, 2019 at 10:29 am #791276

Glad we could help :)

This archived topic is closed to new replies.

Start building better websites today.