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

Question

我正在使用“ Display the default discounted price and percentage on Woocommerce products” 答案代码（用于简单产品），并且我希望此行显示的输出字体为粗体，红色和大尺寸：

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

这怎么办？任何帮助表示赞赏。

Answer 1

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

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

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

查看font-size on the MDN Web Docs，了解如何增加或减小字体大小。