css - Woocommerce-在产品页面中更改字体大小和颜色

Question

我正在尝试在“产品”页面中更改产品价格的字体大小和颜色。我将此添加到我的自定义css中以尝试覆盖原始css，但是无论如何，它不起作用。

.woocommerce ul.products li.product .price {color:#ec7f91;font-size:16px;}

要么

.woocommerce ul.products li.product .price {color:#ec7f91;font-size:16px;!important}

有任何想法吗？

Answer 1

首先，可能是因为所有其他样式都覆盖了它。

其次，!important必须同时在两个字母上，并且必须在分号内。

固定代码：

.woocommerce ul.products li.product .price {
    color:#ec7f91 !important;
    font-size:16px !important;
}