Hide price sold out items homepage

Hi there,

I want to remove prices of the items I am selling when sold out.

I managed to get that code working for my "shop" page: 

.grid-item.sold-out .grid-prices, .sold-out .product-price {
    display:none!important;
}

However, I also have products displaying on the homepage.
The prices on these sold out products still show up... 

Please help me out 🙂

Thank you!

@hellonoe Can you please share the URL of the page(s) where you would like to hide the product price?

Yay it worked! Thank you so much for helping out and doing it so swiftly! 🙂