JAPURITYiii probléme megamenu

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • JAPURITYiii probléme megamenu

    Bonjour,
    Avec les sélecteurs CSS des liens de menu j'ai créé des classes pour mettre des couleurs sur le texte.Sur "BIOGRAPHIE" et " CONTACT" j'ai pas de résultats. Sur les autres liens j'ai 2 couleurs rouge récalcitrante malgrés que j'ai tout effacé de mon custom .css.J'ai refais les classes suivantes sans résultats
    Code:
    /*BIOGRAPHIE*/
    .t3-megamenu > ul:nth-child(1) > li:nth-child(2){
    color: #eb480f!important;
    }
    /*GALERIE*/
    li.dropdown:nth-child(3) > span:nth-child(1)  > span:nth-child(1){
    color:bf6e4e !important;
    }
    /*COUP DE COEUR*/
    .li.dropdown:nth-child(4) > span:nth-child(1){
    color: #eb480f!important;
    }    
    /*ACTUALITES*/
    .li.dropdown:nth-child(5) > span:nth-child(1){
     color: #d51305!important;
    }
    /*EXPOSITION*/
    .t3-megamenu > ul:nth-child(1) > li:nth-child(7){
    color:05abe0!important;
    }
    /*CONTACT*/
    .t3-megamenu > ul:nth-child(1) > li:nth-child(6){
    color:#BC3D0F!important;
    }
    Dernière édition par WROOM à 12/08/2019, 18h14
    https://www.michel-pilato.fr

  • #2
    Bonsoir VROOM.

    Dans ton custom.css, essaye :

    Code:
    /*BIOGRAPHIE*/ 
     .navbar-default .navbar-nav > li > a { color: #eb480f!important; }

    Commentaire


    • #3
      Essaye plutôt ceci








      Commentaire


      • #4
        Bonjour,
        @starter
        Tu proposes des images "png" pour les liens de menu.Ce peut être une solution que je garde de côté.
        Je pense avoir trouvé la solution avec les sélecteurs CSS.
        Pour les liens de menu il faut mettre dans le type de lien un séparateur.
        Maintenant le "hover" ne fonctionne pas -> Prochaine étape.

        Code:
        /*BIOGRAPHIE*/
        li.dropdown:nth-child(2)
        {
        color: #0795aa!important;
        }
        /*GALERIE*/
        li.dropdown:nth-child(3){
        color:#F0581C !important;
        }
        /*COUP DE COEUR*/
        li.dropdown:nth-child(4)
        {
        color: #eb480f!important;
        }    
        /*ACTUALITES*/
        .t3-megamenu > ul:nth-child(1) > li:nth-child(5){
         color: #9340F1!important;
        }
        /*EXPOSITION*/
        .t3-megamenu > ul:nth-child(1) > li:nth-child(6{
        color:4049f1!important;
        }
        Dernière édition par WROOM à 14/08/2019, 11h13
        https://www.michel-pilato.fr

        Commentaire


        • #5
          Bonjour,
          Aprés pas mal de modification, je vous transmets ce que j'ai fais et qui fonctionne.
          custom.css/lien de menu/code couleur indiquer une classe (exemple color:Maroon Il faut déclarer la classe dans le custom.css
          Classes supportées par les navigateurs modernes

          Si on met un code couleur (#000000) la couleur ne change pas au survol.
          Code:
          /*Couleur texte liens menu inactif vert*/
          .navbar-default .navbar-nav > li > a {
            color: #33884B;
            background-color: transparent;
          }
          /*item actif sous menu (violet clair)*/
              .dropdown-menu .active > a {
             color: #820EAF!important;
             text-decoration: none;
           }
          /*Couleur sous menu (rouge)*/
          .t3-megamenu .dropdown-menu .mega-nav > li a {
            padding: 10px;
            color: #E03408;
          }
          /*au survol sous menu-> megamenu ligne 381*/
          .t3-megamenu .dropdown-menu .mega-nav > li.open > a {
            background: none;/*que sur le texte*/
          }
          /* Fond lien sous menu*/
          .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
            background: none;
          }
          /*COULEUR item menu*/
          /*A PROPOS*/
          li.mega:nth-child(2)> a:nth-child(1){
            color: Chocolate;
          }
          /*GALERIE*/
          li.mega:nth-child(3)> a:nth-child(1){
            color:Maroon;
          }
          /*COUP DE COEUR*/
          li.mega:nth-child(4)> a:nth-child(1){
            color: red;
          }
          /*ACTUALITES*/
          li.mega:nth-child(5)> a:nth-child(1){
            color: blue;
          }
          /*EXPOSITION*/
          li.mega:nth-child(6) > a:nth-child(1){
            color: SaddleBrown ;
          }
          /*  CLASSES COULEUR*/
          .red  {
            color: #cc0000;
          }    
          .blue {
            color: #6A8BBE;    
          }
          .sienna{
            color: #A0522D;
          }
          .SaddleBrown{
            color:#8B4513;    
          }
          .Chocolate{
            color:##D2691E;
          }
          .Maroon{
            color:#800000
          }
          https://www.michel-pilato.fr

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X