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

Change custom discount price percentage styling in WooCommerce single products

我正在使用 "" 答案代码(对于简单的产品),我希望显示的输出字体为粗体、红色和大尺寸,对于这一行:

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

如何做到这一点?感谢任何帮助。

您可以使用 class .saved-sale.

定位段落元素

在你的CSS中你可以这样写:

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

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