在 WooCommerce 购物车页面中更改运输方式费率值字体粗细答案

【问题标题】：Change shipping method rate value font weight in WooCommerce cart page在 WooCommerce 购物车页面中更改运输方式费率值字体粗细
【发布时间】：2019-08-12 21:07:05
【问题描述】：

如何从 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>

【问题讨论】：

见上面主要问题的html代码。
您以错误的方式编辑了生成的 html，请参阅：<li> class="ship_method"/> ...我也更新了我的答案。
做到了，对不起。

标签： html css wordpress woocommerce cart

【解决方案1】：

只需检查运费值并选择运费值的类别。例如，类名是：.shipping_fee。因此，只需将以下 css 放入您的附加 CSS 或自定义 CSS 文件中。

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

【讨论】：

【解决方案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;
}

它应该可以工作。

【讨论】：