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