Modifier les paramètres de police des noms de catégories sur la page des catégories

Dev
1

Veuillez m’aider avec du code CSS pour modifier la police, la couleur et le graisse de la police.

Merci pour votre aide.

J’ai fait ceci mais cela ne change pas la couleur :

.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

Cela dépend vraiment du type de page de catégorie que vous choisissez. Par exemple, pour les catégories avec des sujets, le code ressemblera à ceci :

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

Vous devez utiliser l’inspecteur du navigateur pour trouver la classe CSS (et son parent) que vous souhaitez utiliser, voir :

image
image1894×823 76.7 KB

Le parent sert à indiquer que vous souhaitez modifier l’apparence du nom de la catégorie uniquement sur cette page et non globalement.

Pour changer la police d’écriture, consultez Change the default font on your site

La prochaine fois, avant de poster, utilisez la fonction de recherche en haut à droite ; vous trouverez sûrement les réponses que vous cherchez.

Ce site, CSS Tutorial, est un bon point de départ pour apprendre un peu le CSS.

3

Merci pour votre réponse.

Mais le code que vous avez fourni ne fait pas le changement. Celui que j’ai fourni effectue les modifications mais ne change pas la couleur.

Où est-ce que je me trompe ?

4

Essayez avec

.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

Le code que vous avez fourni a modifié la police des noms des sous-catégories sur la page des catégories principales.

Voici ce qui fonctionnait :

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

Merci beaucoup pour votre aide. J’ai appris de nouvelles choses.

6

Oui, j’utilise la fonction Inspecter l’élément dans Firefox pour comprendre les codes CSS.

Merci beaucoup