Changer la couleur du titre en fonction de la page

Statut : non résolu

Ce sujet contient 1 réponse, 2 participants et a été mis à jour pour la dernière fois par gd6d, le il y a 10 années et 6 mois.

2 sujets de 1 à 2 (sur un total de 2)

Auteur

Messages
13 mai 2014 à 13 h 40 min #537648

DelphineP
Participant

Initié WordPress
4 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.9
– Version de PHP/MySQL : 5.4
– Thème utilisé : Twenty Thirteen
– Extensions en place :
– Nom de l’hebergeur : Local (wam pserveur)
– Adresse du site : Local

Problème(s) rencontré(s) :

Bonjour,

J’aimerais bien que chaque page ai son titre d’une couleur différente. Par exemple lorsqu’on est sur la quatrième pas de mon site je voudrais que tout les titres h1 se transforment en orange. Un autre exemple, lorsqu’on est sur la première page de mon j’aimerais les titres h1 de ma page soit jaune.

Comment faire ?

Merci d’avance.

14 mai 2014 à 7 h 05 min #952635
gd6d
Participant

Chevalier WordPress
220 contributions
Il faut créer des codes CSS spécifiques. Pour ça, on a 2 possibilités :

– identifier la classe de la balise body. Par exemple, pour avoir automatiquement du orange en page d’accueil, il suffit de rajouter ce style css:
```
.home h1 {
	color: orange;
}
```
En page de contenu, chaque page a un numéro spécifique. Il faut dans le code regarder l’indication de la balise body
Donc par exemple pour la page 40 :
```
.page-id-40 h1 {
	color: green;
}
```
– l’autre solution, pour les autres balises que l’on va sélectionner manuellement avec le menu déroulant des styles de paragraphe, c’est de rajouter manuellement dans le code un style
```
<h2 class="orange">Mon titre en orange</h2>
```
et de créer un style correspondant
```
.orange {
	color: orange;
}
```
Et pour associer les 2 solutions, on utilise la virgule :
```
.home h1, .orange {
	color: orange;
}
```
Bonne chance !
Auteur

Messages