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

标签 css woocommerce

我正在尝试在“产品”页面中更改产品价格的字体大小和颜色。我将此添加到我的自定义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}


有任何想法吗?

最佳答案

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

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

固定代码:

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

关于css - Woocommerce-在产品页面中更改字体大小和颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32172974/

相关文章:

html - 使用 CSS 定位按钮内的图像 src 并替换为 Woocommerce Wishlist Plugin for Wordpress 中的另一个

javascript - WooCommerce 双重加载

wordpress - 如何更改 Woocommerce "Sort By"文本?

安卓谷歌浏览器 : CSS3 Responsive Layout Bug

javascript - 在 HTML 中实现一个 float 侧边栏,它在页眉和页脚的边界内保持可见

javascript - 围绕非矩形形状流动和滚动文本

css - 使用 Bootstrap 垂直对齐按钮

php - 轮播控制停止工作

php - WooCommerce 添加基于付款方式和送货方式的自定义电子邮件内容

Woocommerce 替换添加到购物车 url 以链接到产品页面