Hide Out of Stock badge pls??

Hello @mgz069,

Thank you for reaching out,

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

.product-inner .outofstock-badge {
display: none !important;
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope it helps.
Best Regards

It doesn’t work.

I followed all the steps

The code appears red https://ibb.co/RSz8Z7L

Hello @mgz069,

Thank you for reaching out,

On the page you shared, I didn’t find any “Out of Stock” badge. Please provide a live URL with a product that has this badge.
I couldn’t locate any by randomly checking a few pages on your site.

Best Regards

Hello @mgz069,

Alright, I some CSS has an error on your website.

The CSS is correct, but since you have more custom CSS on custom CSS it has some syntax errors; For troubleshooting, please do the following steps and let me know the results:
1- Remove all customization CSS(usually in customizer > custom code > css).
2- add your customization one by one.
3- After adding each customization code, check your issue.

Note 1: in the staging website, if you have a cache plugin or server cache. You need to clear its cache contents or disable them.

Note 2: Please get a full backup from your website before it.

Note 3: You can use CSS checker online tools to find the error faster.

Best Regards

Thank you for pointing that out. I will investigate further

You are welcome.