CSSを使用しているメインページ用のWoocommerce「在庫切れ」製品を非表示にする

Question

「在庫切れ」アイテムを私のメインページにのみ表示するようにCSSを使用しようとしましたが、機能しません。

在庫切れアイテムを隠す実際のコードを見つける方法を知っていますか？

私以下のコードは、前にしようとしますが、

.outofstock {display:none;} 

.product_item_out_of_stock {display:none;} 

.out_of_stock {display:none;} 

してくださいアドバイスを動作しません。

ZhiJie

Answer 1

、ありがとうございましたが、ヘッダに追加します。

<style type="text/css"> 
.out-of-stock{display: none;} 
</style>