CSS

La feuille de style CSS de votre thème enfant sera gérée après celle du thème parent.

En cas d'égalité de poids de sélecteur CSS, c'est donc votre Thème enfant qui sera exécuté.

MéthodeExemple

Nous allons essayer de modifier la couleur du titre de notre site.

Pour commencer, nous utilisons l’outil de développement de notre navigateur afin de connaître la structure du code.

Structure HTML de notre en-tête

Nous pouvons voir que le sélecteur qui change la couleur d'écriture contient deux classes et deux tags. Notre sélecteur doit donc avoir un poids au moins équivalent.

Les modifications sur notre fichier CSS peuvent se faire à l'aide d'un éditeur de texte directement sur le fichier. Ou alors, en passant par l'administration de notre site dans le menu Éditeur de thème de Apparence.

Éditeur de Thème

Modifiez le fichier en ajoutant la règle suivante :

1
/*
2
Theme Name: mon TP WP
3
Author: Vincent Vanneste
4
Description: Theme Enfant WP
5
Template: twentyseventeen
6
Version: 1.0.0
7
*/
8
div.wrap .site-title a {
9
	color : #555;
10
}

Cliquez sur Mettre à jour le fichier

Allez sur votre site.