在WooCommerce购物车页面中更改送货方式费率值字体粗细

Question

如何从WooCommerce购物车页面的运费中删除粗体？我不想过分注意粗体字的运费，所以我想在那里使用常规字体粗细。

请注意，我在下面将“运输”重命名为“交货”

更新： 为回应评论部分中的问题，在下面添加html代码

<tr class="woocommerce-shipping-totals shipping">
<th>Delivery</th>
<td data-title="Delivery">
    <ul id="ship_method" class="woocommerce-ship-type">
        <li> 
        class="ship_method"/><label for="ship_method"> <span class="woocommerce_totals totals"><span class="woocommerce_curr_sym">&#36;</span>300.00</span></label>                 </li>
    </ul>
</td>

Answer 1

只需检查运费值并采用运费值类别即可。例如，类名称为： .shipping_fee 。因此，只需将以下CSS放入您的其他CSS或自定义CSS文件中即可。

.shipping_fee {
 font-weight: normal !important;
}

Answer 2

根据您的问题进行编辑第二次编辑 （您在其中更改了生成的html输出）

您可以使用以下CCS规则将其添加到主题的styles.css文件（用于购物车） ：

.cart-collaterals #ship_method label,
.cart-collaterals #ship_method label span {
    font-weight: normal !important;
}

对于购物车和结帐页面，请使用：

#ship_method label,
#ship_method label span {
    font-weight: normal !important;
}

应该可以。

---

原始答案 （适用于Woocommerce的默认html结构）

您可以使用以下CCS规则将其添加到主题的styles.css文件（用于购物车） ：

.cart-collaterals #shipping_method label,
.cart-collaterals #shipping_method label span {
    font-weight: normal !important;
}

对于购物车和结帐页面，请使用：

#shipping_method label,
#shipping_method label span {
    font-weight: normal !important;
}

应该可以。