Alterar as configurações de fonte do nome das categorias na página de categorias

Dev
1

Por favor, ajude com o código CSS para alterar o tipo de fonte, a cor e o peso.

Obrigado pela ajuda.

Fiz o seguinte, mas a cor não mudou:

.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

Isso realmente depende do tipo de página de categoria que você escolheu. Por exemplo, para categorias com tópicos, o código será algo assim:

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

Você precisa usar o inspetor do navegador para encontrar a classe CSS (e o elemento pai) que deseja usar. Veja:

image
image1894×823 76.7 KB

O elemento pai serve para indicar que você deseja alterar a aparência do nome da categoria apenas nesta página e não globalmente.

Para alterar o tipo de fonte, consulte Change the default font on your site

Da próxima vez, antes de postar, use a função de pesquisa no canto superior direito e com certeza encontrará as respostas que está procurando.

Já este aqui, CSS Tutorial, é um bom lugar para começar a aprender um pouco de CSS.

3

Obrigado pela resposta.

Mas o código que você forneceu não está fazendo a alteração. O que eu forneci está fazendo as alterações, mas não está mudando a cor.

Onde estou errando?

4

Tente com

.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

O código que você enviou alterou as fontes dos nomes das subcategorias na página das categorias principais.

Isso funcionou:

.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;
}

Muito obrigado pela sua ajuda. Aprendi coisas novas.

6

Sim, estou usando o recurso de inspecionar elemento no Firefox para entender os códigos CSS.

Muito obrigado