Custom CSS - hide this in frontend lists (theme Warehouse)

[paulroland]

Hi all, in our shop we work with variants and the main product picture is sometimes a picture of all variants of the product. But you can buy only one of them, so we set the stock number to "0". In the product page, you have to choose a variant first, that's all.

But we want to hide the badge ("product only available in other variants") in all listings (see pic).

The html code is like:
 

Zitat

<span id="product-availability" class="js-product-availability badge badge-danger product-unavailable">
                                        <i class="fa fa-ban" aria-hidden="true"></i>
                              Artikel nur noch in anderer Variante erhältlich
                                                                                                </span>

 Can we hide this in the custom CSS and how?
Thanks for your help

[paulroland]

Sorry, got it! Thank you Google!

 

.product-availability {
display:none!important;
}