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