Woocommerce：更改子类别的字体大小答案

【问题标题】：Woocommerce: Change Font Size for SubcategoryWoocommerce：更改子类别的字体大小
【发布时间】：2021-10-03 23:37:26
【问题描述】：

我在 Woocommerce 中添加了一个子类别，现在我想以粗体显示该子类别，并增大字体大小，使其看起来像一个子类别，而不是某个产品类别。这是我要更改的地方：https://ecsense.com/ec-sense-products/ （我想将其更改为“单气体模块”和“双气体模块”）

到目前为止，我查看了其他人制作的 CSS 代码，但找不到任何类别的代码。 woocommerce 已经以粗体显示了主要类别。所以我需要在我的 CSS 中为产品类别创建一个全新的部分。如果有人知道如何添加 CSS 代码，请告诉我。

【问题讨论】：

Sophie，您需要学习使用您的 Web Inspector - 它会极大地帮助您。右键单击要检查的元素并选择Inspect（在 Windows 上的 Firefox 中，但在任何操作系统上的任何浏览器都是类似的）。从那里您将能够看到元素在文档结构中的位置，该元素是否附加了任何伪元素，或者它是否可滚动或是否附加了任何事件等。在这种情况下，您将能够看到在哪里CSS 样式适用于元素。您将能够在那里添加新的 CSS 规则。

【解决方案1】：

试试这个 CSS 代码：

#filter-bar .bapf_body >ul >li:nth-child(2)>ul >li> label {
    font-size: 20px;
    font-weight: 900;
}

输出如下：

【讨论】：

【解决方案2】：

请检查此 CSS 代码

.bapf_body ul li > ul li > ul li > label {
    font-size: 12px !important;
}

【讨论】：