Remove Out Of Stock Items from homepage

Hi,

I want to remove out of stock items from my homepage.
I’ve done all the traditional woocommerce methods, including the checkbox to hide out of stock items in woocommerce inventory settings, and hooks in my functions.php.

Out of stock items are still showing on my homepage with ProductX.

I tried using this css command:
.wopb-product-outofstock {
display: none;

It seems to just remove the “out of stock” label, but out of stock items are still appearing. Please advise.

Btw, on this link, you’ll see out of stock items further down on the page.

Thanks

The page I need help with: [log in to see the link]