如何调整DIVI搭建的WooCommerce商店价格后缀的字体大小与粗细？

不用折腾price_excluding_tax过滤器，直接在你现有添加价格后缀的代码里加个自定义样式标签，再配合CSS就能实现需求，步骤如下：

1. 修改PHP代码，给后缀添加自定义类 #

把你现有的代码改成这样，给后缀套一个带class的<span>标签，方便后续用CSS定位：

add_filter( 'woocommerce_get_price_suffix', 'bbloomer_add_price_suffix', 99, 4 );
  
function bbloomer_add_price_suffix( $html, $product, $price, $qty ){
    // 给后缀添加自定义class：price-suffix
    $html .= '<span class="price-suffix"> (p/box) +VAT</span>';
    return $html;
}

2. 添加CSS样式调整后缀外观 #

在DIVI后台的「主题选项」→「自定义CSS」里，或者子主题的style.css文件中，添加以下CSS代码：

.price-suffix {
    font-size: 0.8em; /* 调整为你需要的字体大小，比如0.8倍原价格大小 */
    font-weight: normal; /* 取消粗体样式 */
    margin-left: 6px; /* 可选：给价格和后缀之间加一点间距，更美观 */
}

关于price_excluding_tax过滤器的说明 #

这个过滤器的作用是修改不含税价格本身的输出内容（比如调整价格数值、给不含税价格附加文本），并不是用来专门处理价格后缀样式的。用它来实现你的需求会绕远路，不如直接给后缀加自定义class的方法高效直接。

内容的提问来源于stack exchange，提问作者Tyrone