Partage
  • Partager sur Facebook
  • Partager sur Twitter

Comment changer la couleur d'un texte en css ?

classe additionnelle

Sujet résolu
    2 novembre 2018 à 4:27:29

    Bonjour,

    je cherche à changer la couleur d'un texte en personnalisant un CSS dans un thème wordpress

    J'ai nommé la colonne dans "classe additionnelle" avec : "montitre"

    Puis dans les paramètres CSS, j'ai mis:

    .montitre{
    color: #fff;
    }

    mais ça ne fonctionne pas.

    J'ai essayé de trouver la bonne syntaxe avec l'inspecteur de mon navigateur, sans succès...

    Est ce que quelqu'un peux m'aider ?

    Merci d'avance

    • Partager sur Facebook
    • Partager sur Twitter
    J' apprend à faire du graphisme qui bouge tout seul ( enfin presque !)
      2 novembre 2018 à 10:47:08

      Salut,

      Essaie de rajouter !important à la fin de ta classe dans ton css

      .montitre{
      color: #fff !important;
      }



      • Partager sur Facebook
      • Partager sur Twitter

      -> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...

        2 novembre 2018 à 18:42:55

        Bonjour RobinRuan,

        Je pense que tu as un problème de "Poids des sélecteurs Css"

        • Partager sur Facebook
        • Partager sur Twitter
        Découvrez les Css avec la zonecss.fr
          6 novembre 2018 à 11:42:57

          Bonjour et merci pour votre aide.

          Je crois que j'ai mal exposé mon problème à résoudre, désolé...

          En fait j'ai trois titres sur une page, balisé en H1. Et je souhaite leur attribués une couleur différente à chacun.

          Donc pour changer la couleur ( des 3 titres en même temps ) j'ai ce css:

          body h1 {
              color: #ffff !important;
          }

          et ça fonctionne.

          Mais pour attribuer une couleur spécifique a chaque titre je n'y arrive pas.

          j'ai essayé de cette façon (et pas mal d'autres tentative) mais ça ne fonctionne pas:

          .montitre1{
          color: #005d99 !important;
          }

          Quand au poids des sélecteurs, je ne comprend pas bien le concept, je suis un débutant en css !

          • Partager sur Facebook
          • Partager sur Twitter
          J' apprend à faire du graphisme qui bouge tout seul ( enfin presque !)
            6 novembre 2018 à 11:51:37

            Salut,

            enlève les !important. si ça ne suffit pas enlève body. (De toute façon, enlève body)

            Pour t'aider :

            https://www.emmanuelbeziat.com/blog/principes-du-css-poids-des-declarations

            -
            Edité par Frogweb 6 novembre 2018 à 12:35:40

            • Partager sur Facebook
            • Partager sur Twitter
            Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
              6 novembre 2018 à 12:32:19

              Bonjour,

              Tu peux faire pour chaque h1

              <h1 class="titre1">mon premier titre </h1>
              <h1 class="titre2">mon second titre </h1>
              <h1 class="titre3">mon troisième titre </h1>

              puis au niveau du css

              .titre1 {
              color: #333:
              }
              .titre2 {
              color: #AAA:
              }
              .titre3 {
              color: #6DA;
              }


              Les trois titres auront une couleur différente. Tu peux après personnalisé comme tu le souhaites.

              • Partager sur Facebook
              • Partager sur Twitter
              Code is good !
                6 novembre 2018 à 15:12:18

                merci !

                ça fonctionne, sauf pour le titre1 qui ne veux toujours pas prendre la couleur demandée...

                • Partager sur Facebook
                • Partager sur Twitter
                J' apprend à faire du graphisme qui bouge tout seul ( enfin presque !)
                  6 novembre 2018 à 15:16:36

                  Donnes ton code CSS en entier.
                  • Partager sur Facebook
                  • Partager sur Twitter
                  Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
                    6 novembre 2018 à 15:20:51

                    Bonjour, 

                    Tu as regardé d'où vient la couleur actuelle de ton titre ? Il y a de grandes chances que ton thème WordPress cible cet élément plus précisément que toi et que ta déclaration soit écrasée en conséquence. 

                    • Partager sur Facebook
                    • Partager sur Twitter
                      6 novembre 2018 à 15:45:16

                      Intéressant la remarque de mewen_bzh, tu peux valider ce point en stylisant dans la première balise h1. Cela devrait prendre le pas sur les autres déclarations.

                      <h1 style="color:#333;"> 
                         Exemple de style appliqué dans la balise h1 
                      </h1> 
                      

                      Ton style est il appliqué ?

                      • Partager sur Facebook
                      • Partager sur Twitter
                      Code is good !
                        6 novembre 2018 à 16:46:39

                        En effet, ça fonctionne de cette façon.

                        Merci à tous

                        • Partager sur Facebook
                        • Partager sur Twitter
                        J' apprend à faire du graphisme qui bouge tout seul ( enfin presque !)
                          7 novembre 2018 à 9:03:24

                          C'est parfait, cependant c'est pas toujours top de mettre les styles dans les balises. C'est néanmoins pratique pour debugger car le plus près l'emporte. Un style dans une balise est appliqué en dernier. En faisant ceci, cela devrait marcher dans une feuille de style.

                          <div class="montitre">
                          <h1>premier titre </h1>
                          </div>

                          et le css

                          .montitre h1 {
                          color: #333;
                          }

                          Le style devrait s'appliquer. Comme l'indiquait Mewen_bzh, ton template doit cibler précisément la première balise h1. Tu peux passer le post en résolu. Merci.


                          -
                          Edité par sffr49 7 novembre 2018 à 10:52:38

                          • Partager sur Facebook
                          • Partager sur Twitter
                          Code is good !
                            9 novembre 2018 à 13:10:13

                            Merci, pour ce complément d'information.

                            Si je passe le post en résolu, cela m'empêchera t'il de de revenir dessus si j'en ai besoin ?

                            • Partager sur Facebook
                            • Partager sur Twitter
                            J' apprend à faire du graphisme qui bouge tout seul ( enfin presque !)
                              9 novembre 2018 à 13:53:13

                              Robin Wood a écrit:

                              Merci, pour ce complément d'information.

                              Si je passe le post en résolu, cela m'empêchera t'il de de revenir dessus si j'en ai besoin ?

                              Tu peux revenir poster mais si c'est pour un autre problème mieux vaut créer un nouveau sujet.

                              • Partager sur Facebook
                              • Partager sur Twitter
                              Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !

                              Comment changer la couleur d'un texte en css ?

                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                              • Editeur
                              • Markdown