Code to disable OUT OF STOCK Label does not work

Hi
I had added the code to stop the SOLD OUT label being shown a few months ago. This worked well.

This was removed without my prior knowledge by one of your staff, while trying to fix another problem.
https://xtemos.com/forums/topic/custom-ccs-appearing-at-top-of-page-again/#post-521632

I have now added the exact same code back.

The code now does not work.

When an item is sold out, I do not want the SOLD OUT label on the products as I have a plug in that have labels to say “coming soon” or “Sold out for the Season” I have disabled this plug in but the SOLD OUT label is still there.

The code I had been given before was

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

This was working earlier. Can I please have an update for this code.

This should be in your settings – like the HOT label which can be switched off very easily.

Thank you

Amy

Here is a link to a product page

Hi AmyPotatoHouse,

Thanks for reaching to us.

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.single-product p.stock.out-of-stock{
	display: none;
}

Regards,

Hi
(btw I did not get an email that this had been replied to)
thank you – but this is the code does not work
I have cleared the cache

See this product and it is still there

Thank you

https://www.potatohouse.co.uk/product/international-kidney/

Hi AmyPotatoHouse,

Please remove previous Custom CSS code and try below one.

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

Regards,

this code works
Thank you
Amy

Hi AmyPotatoHouse,

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

Regards,

[Author]

Posts