[Résolu] Modifier couleur des balises h2 (titres h2) (Créer un compte)

  • WordPress :4.9.4
  • Statut : résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #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 !

    #2153468
    PhiLyon
    Modérateur
    Maître WordPress
    28277 contributions

    Bonjour.

    Il manque la balise de fermeture le « } »

    🙂

    #2153595
    Flobogo
    Modérateur
    Maître WordPress
    18886 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

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

     

    #2153701
    PhiLyon
    Modérateur
    Maître WordPress
    28277 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 ».

    🙂

    #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 🙂

    #2153712
    PhiLyon
    Modérateur
    Maître WordPress
    28277 contributions

    Essaies comme ça

    h2 {color:blue}

    🙂

    #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 !

    #2153987
    PhiLyon
    Modérateur
    Maître WordPress
    28277 contributions

    Sûrement parce que le code du thème passe avant, essaies comme ça

    h2 {color:#894511 !important}

    🙂

    #2154076
    Flobogo
    Modérateur
    Maître WordPress
    18886 contributions

    Attention, il manque le point-virgule à la fin de la ligne, avant l’accolade fermante :

    h2 {color: #894511;}

     

     

    #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

    #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 🙂

    #2154797
    PhiLyon
    Modérateur
    Maître WordPress
    28277 contributions

    Bonjour.

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

    🙂

    #2154848
    sonia75
    Participant
    Padawan WordPress
    70 contributions

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

14 sujets de 1 à 14 (sur un total de 14)
  • Vous devez être connecté pour répondre à ce sujet.