更改分类页面中分类名称的字体设置

开发
1

请帮忙提供 CSS 代码，以更改字体类型、颜色和粗细。

感谢您的帮助。

我尝试了以下代码，但颜色没有改变：

.category-list tbody
.category h3 {
    font-weight: 370;
    font-size: 18;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
2

这确实取决于您选择的类别页面类型。例如，对于包含主题的类别页面，代码可能如下所示：

.category-list.with-topics .category-name {
    font-size: 25px;
    font-weight: normal;
    color: gray;
}

您需要使用浏览器的开发者工具来查找要使用的 CSS 类（及其父级），请参阅：

image
image1894×823 76.7 KB

父级用于表明您只想在此页面更改类别名称的外观，而不是全局更改。

如需更改字体类型，请参阅：Change the default font on your site

下次发帖前，请先使用右上角的搜索功能，您一定能找到所需的答案。

而 CSS Tutorial 则是一个学习 CSS 基础知识的好地方。

3

谢谢您的回复。

但您提供的代码并未实现更改。我提供的代码实现了更改，但未能改变颜色。

我哪里出错了？

4

请尝试以下代码：

.category-list .category-name {
    font-weight: 370;
    font-size: 18px;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
5

您提供的代码更改了主分类页面中子分类名称的字体。

之前有效的是：

.category-list tbody
.category h3 {
   font-weight: 375;
   font-size: 17px;
   line-height: 21px;
   font-family: "Open Sans", Helvetica, sans-serif;
}

.category-list tbody .category h3 a[href] {
    color: black;
}

非常感谢您的帮助，我学到了新知识。

6

是的，我正在使用 Firefox 的“检查元素”功能来理解 CSS 代码。

非常感谢。