调整大卡特尔主题以灰色售罄的产品？

如何解决调整大卡特尔主题以灰色售罄的产品？

我正在尝试更改 Big Cartel 主页面上已售罄产品的不透明度，以便更轻松地找到库存商品。我正在使用 Lunch Break theme。我不需要在每个产品的单独页面上更改不透明度。

到目前为止，我的尝试是在我的“产品”html 的头部粘贴一个样式表：

<head>
<style>
 {% if product_status = 'Sold out'  %}
product-list-thumb {
  opacity: 0.6;
  transition: 0.9s;

}
product-list-thumb:hover {opacity: 1;}
 {% endif %}
</style>
</head>

到目前为止，除了页面加载时的一点闪烁之外，这绝对没有任何作用。我的理论是它被图像类（“模糊产品列表图像延迟加载网格”）否决了——没有理由相信这一点，除非它听起来很复杂而且让我感到害怕。

感谢任何帮助！