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;
}