Изменить настройки шрифта названий категорий на странице категорий

Разработка
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-код.

Большое спасибо