Random button showing up when a product is marked as 'out of stock'

[astrraljiParticipant]

Hello, I’ve recently installed the theme on a new website, mainly just used for Woocommerce.

When a product is marked as Out of stock, a random ‘Read More’ or ‘Show Options’ button shows up under it? This can be seen on my product page / homepage at 07waves.com

If you’d just scroll down. The 2 products at the bottom (‘hello’ and helloo’) are marked as out of stock.

How can I get rid of those grey buttons?

And if possible, can a ‘Sold Out’ badge be added in the same way as that ‘Sale!’ badge on products? But more importantly I’m hoping to get rid of the buttons.

Thanks, would greatly appreciate any help!

[RabindraKeymaster]

Hi @astrralji,

Currently, we don’t have such options to display out-of-stock tag same as a sale but you get rid of that buttons by adding bellow CSS Code in Additional CSS Box through Customizer.

.archive .outofstock .button,
.archive .product-type-grouped .button {
	display: none;
}

Let us know if this helps or need more help please do reply.
I would like to ask you a favor astrralji. Would you mind taking a few minutes to write a review for me, please? Your comments help others know what to expect when they’re looking for the theme we offer.
Link to rate our theme: https://wordpress.org/support/theme/envy-blog/reviews/?filter=5
Thanks for using our theme, astrralji. I’m looking forward to reading your comments.

Thanks!

[astrraljiParticipant]

Hi, thank you so much, it worked 🙂 I’ve just left a 5 star review too! It’s a beautiful theme haha

Just one more question – when the out of stock item shows up under ‘Related Products’, the buttons will still be visible. Any way I can remove them too?

Thank you!

[RabindraKeymaster]

hi @astrralji,

Could you add the below CSS Code too

.single .related products .outofstock .button,
.single .related products .product-type-grouped .button {
	display: none;
}

Let us know either this helps you or not?

Thanks!

[astrraljiParticipant]

Hi, thank you so much! I just tried it but unfortunately it doesn’t seem to work.

[RabindraKeymaster]

Hi @astrralji,

Could you please add the below CSS Code and try it once.

.woocommerce ul.products li.outofstock .button,
.woocommerce ul.products li.product-type-grouped .button {
    display: none;
}

Thanks!

[astrraljiParticipant]

Hi, I just tried it and it worked. Thank you so much for the help! Really appreciate it!

Hope you have a good day/evening! Thanks again.

[Author]

Posts