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/

相关文章:

css - 是否有一个防弹概念可以使 h1 和 p 在同一条(基线)线上准确无误?

php - 基于商店营业时间的 PHP 中的 OPEN/CLOSED 消息

php - WooCommerce 按 id 从循环中删除产品

html - 如何处理大幅降低网站加载速度的大图片

php - 如何在 Woocommerce 中选择特定产品时显示不同尺寸

php - 如何在 WooCommerce 数据库中找到客户订购的产品?

function - Woocommerce:更改功能中的产品类型

html - 无法使用 CSS 下拉菜单

@include 处的 CSS 编译错误导出 ('class-name')

javascript - "Close"页面上的按钮