时间戳

首页 > 解决方案 > 更改 WooCommerce 单品中的自定义折扣价格百分比样式

css - 更改 WooCommerce 单品中的自定义折扣价格百分比样式

问题描述

我正在使用“在 Woocommerce 产品上显示默认折扣价和百分比”答案代码（对于简单产品），并且我希望显示的输出字体为粗体、红色和大尺寸，用于此行：

sprintf( __('<p class="saved-sale">Save: %s <em>(%s)</em></p>', 'woocommerce' ), $saving_price, $saving_percentage );

如何做到这一点？任何帮助表示赞赏。

标签： csswordpresswoocommerceproductdiscount

解决方案

您将使用.saved-sale类定位段落元素。

在您的 CSS 中，您可以编写如下内容：

p.saved-sale {
 font-weight: bold;
 color: FF0000;
 font-size: larger;
}

查看MDN Web Docs 上的 font-size以了解如何增加或减少字体大小。

推荐阅读