Personnaliser votre thème avec CSS additionnel

De manière générale, pour modifier la police, sa taille et/ou sa couleur des éléments d’un thème et que le thème ne le permet pas via le menu « Apparence/Personnaliser », vous devez jouer sur le CSS additionnel de ce menu.
Avec le CSS additionnel vous pouvez ajouter une touche personnelle au thème qui ne sera pas supprimé à la mise à jour du thème.

Étape 1 : récupérer les noms des classes CSS à modifier

Pour cela, il faut ouvrir votre page sur un navigateur internet (firefox, chrome, etc.) puis appuyer sur les touches Ctrl+U.
>>> Une nouvelle page s’ouvre et contient le code source de votre page.
Rechercher dans le code source le libellé dont vous voulez modifier le style, puis noter le nom des classes.
Pour le thème Square :
 – les libellés de menu : la classe CSS est menu-item
 – le titre du slide : la classe CSS est sq-slide-cap-title
 – la description du slide : la classe CSS est sq-slide-cap-desc

Étape 2 : ajouter les classes dans le CSS additionnel

Aidez-vous des liens donner plus haut pour comprendre la syntaxe CSS.
Ouvrir la page de saisie du CSS additionnel (menu Apparence > Personnaliser > CSS additionnel).
Ajouter les classes à modifier.

Étape 3 : personnaliser les classes avec la police, taille et couleur de votre choix

Compléter la description des classes CSS pour en modifier le style, la taille de la police, la couleur, etc.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

dix-sept + trois =