Remove / Hide “sold out” label from listings that are sold out

Hi, I am trying to remove/hide the “sold out” label from listings, I’ve tried the following CSS from another support reply to no luck:

.product-label.out-of-stock {
display: none;
background: transparent;
color: transparent;
}

.related-products .labels-rounded .out-of-stock {
display: none;
}

Please see attached image for what I am trying to remove/hode.

Attachments:

You must be logged in to view attached files.

Hello kelly-2397,

Thanks for reaching to us.

Please add this code to the Theme Settings > Custom CSS > Global:

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

Best Regards,

Hi, I’ve tried the code you have provided, sadly it does not work. See attached screenshot to show the code in my global custom CSS. Please could you advise 🙂

Attachments:

You must be logged in to view attached files.

Hello kelly-2397,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi, please see WP login in private content

Hi kelly-2397,

Thanks for your patience.

Can you please change the account role to admin so I can check issue more deeply?

If you have any questions please feel free to contact us.

Regards,

Can you post the CSS publicly? I also want to hide the label.

Hello bogdan.raduta,

Thanks for reaching to us.

Please add this code to the Theme Settings > Custom CSS > Global:

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

Best Regards,

Hi, I did that, but the labels are still there.

Hello bogdan.raduta,

Please add this code to the Theme Settings > Custom CSS > Global:

.product-labels.labels-rounded span.product-label{
    display: none;
}

Regards,

[Author]

Posts