Modifier couleur des balises h2 (titres h2)

WordPress :4.9.4
Statut : résolu

Ce sujet contient 13 réponses, 4 participants et a été mis à jour pour la dernière fois par sonia75, le il y a 6 années et 12 mois.

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

Auteur

Messages
21 mai 2018 à 15 h 18 min #2153266
sonia75
Participant

Padawan WordPress
70 contributions
Bonjour,

Ma configuration WP actuelle
- Thème utilisé : Graphene
- Nom de l’hébergeur : OVH
Problème(s) rencontré(s) :

Bonjour à tous,

Je reviens vers vous car je galère à changer la couleur de mes titres en h2.

Très étrangement j’avais réussi à changer la couler en ajoutant au fichier CSS de mon thème enfant le code suivant (que j’ai copié du fichier CSS principal et dans lequel j’ai modifié la couleur donc) mais le surlendemain pour une raison inconnue et sans que je n’ai rien modifié de plus sauf erreur de ma part, la couleur n’apparaissait plus et était revenue au noir (sa couleur par défaut donc).
```
#banner-text h2 {

    margin: 0;

    width: 100%;

    left: 0;

    font-size: 16px;

    font-weight: 400;

    top: 75%;

    position: absolute;

    color: #4f0b00;
```
Une idée du code que je dois insérer et de l’endroit où je dois le faire svp ?

Grand merci par avance à ceux qui pourront m’éclairer !
21 mai 2018 à 21 h 30 min #2153468

PhiLyon
Modérateur

Maître WordPress
28252 contributions

Bonjour.

Il manque la balise de fermeture le « } »

🙂

22 mai 2018 à 1 h 05 min #2153595

Flobogo
Modérateur

Maître WordPress
20885 contributions

Bonjour,

Si le questionnaire était complet, on aurait pu aller voir directement sur le site.

Donc, si vous voulez qu’on vous aide, merci de le copier-coller et compléter le plus possible dans votre prochain post :

Ma configuration WP actuelle
– Version de WordPress :
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place :
– Nom de l’hébergeur :
– Adresse du site :

Si vous ne savez pas répondre, vous pouvez installer cette extension: https://wordpress.org/plugins/forum-wordpress-fr/ et ensuite, récupérez les informations sur le tableau de bord de l’admin de votre site pour les copier-coller ici.

Si besoin, consultez cette vidéo : https://youtu.be/XOFGpSbNCmY

22 mai 2018 à 11 h 26 min #2153698
sonia75
Participant

Padawan WordPress
70 contributions
Bonjour

merci de vos réponses donc j’ai constaté que c’était une erreur de copier coller car la balise est en fait bien fermée sur mon fichier css enfant. Je m’excuse de ne pas pouvoir donner l’adresse du blog car il s’agit d’un blog personnel que je ne souhaite pas rendre public sur un forum.

Merci de votre compréhension et de votre aide 🙂

Je complète les autres infos manquantes :

Wordpress : version 4.9.6–fr_FR

Extensions :Akismet Anti-Spam, Wordfence Security, Yoast SEO,
```
#banner-text h2 {

    margin: 0;

    width: 100%;

    left: 0;

    font-size: 16px;

    font-weight: 400;

    top: 75%;

    position: absolute;

    color: #4f0b00;

}
```
22 mai 2018 à 11 h 49 min #2153701

PhiLyon
Modérateur

Maître WordPress
28252 contributions

Bonjour.

Cela correspond à quoi ta banner ?

Pour rendre ton site visible uniquement aux admins et modérateurs tu peux cocher la case « Rendre cette réponse privée ».

🙂

22 mai 2018 à 11 h 54 min #2153704

sonia75
Participant

Padawan WordPress
70 contributions

Merci Phil, je ne sais pas à quoi correspond banner 2, en fait j’ai juste cherché dans le fichier CSS la balise h2 et j’ai ensuite recopié tout le code, mais il y aurait peut-être moyen de faire plus simple 🙂

22 mai 2018 à 12 h 25 min #2153712
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Essaies comme ça
```
h2 {color:blue}
```
🙂
22 mai 2018 à 21 h 04 min #2153985
sonia75
Participant

Padawan WordPress
70 contributions
Merci Phil, la couleur a bien été modifiée, j’ai mis « brown », par contre quand j’essaie de remplacer avec un code couleur de type chiffrée, il ne le prend pas en compte…, une idée de pourquoi ?
```
h2 {color:#894511}
```
encore un grand merci de l’aide !
22 mai 2018 à 21 h 08 min #2153987
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Sûrement parce que le code du thème passe avant, essaies comme ça
```
h2 {color:#894511 !important}
```
🙂
22 mai 2018 à 23 h 21 min #2154076
Flobogo
Modérateur

Maître WordPress
20885 contributions
Attention, il manque le point-virgule à la fin de la ligne, avant l’accolade fermante :
```
h2 {color: #894511;}
```
23 mai 2018 à 8 h 32 min #2154168

CAMEO172
Participant

Maître WordPress
1395 contributions

Non ! Le point virgule final est optionnel. Il est même systématiquement exclu quand on minifie le CSS. Avec de gros fichier CSS le gain n’est pas négligeable

24 mai 2018 à 10 h 16 min #2154790

sonia75
Participant

Padawan WordPress
70 contributions

Mille mercis à tous. Le code de Phil a fonctionné, vous êtes un maître ! 🙂

PS : c’est bizarre que le code couleur « brown » soit accepté malgré tout sans mettre « important » non ? (juste pour ma culture geek 🙂

24 mai 2018 à 10 h 54 min #2154797

PhiLyon
Modérateur

Maître WordPress
28252 contributions

Bonjour.

Parce que « brown » n’existe pas dans le CSS du thème parent tandis qu’une couleur avec le # oui.

🙂

24 mai 2018 à 15 h 19 min #2154848

sonia75
Participant

Padawan WordPress
70 contributions

Merci ! effectivement, d’autant que la couleur était bizarre c’était pas tout à fait marron…
Auteur

Messages