changer couleur sous-menu (Créer un compte)

  • WordPress: 6.3
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #2463343
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : ? (je fais juste le graphisme du site)
    • Thème utilisé : Inspiro
    • Extensions en place : Akismet anti-spam / Contact form 7
    • Nom de l’hébergeur : Ouvaton.org
    • Adresse du site : https://www.troncs-communs.fr/

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

    je n’arrive pas à changer

    – la couleur des boîtes des sous menus (onglet « articles » actuellement en noir , j’aimerais les mettre en vert)

    – changer la couleur bleu bizarre du liseré qui apparait au dessus du sous-menu lorsqu’on le déplie ( bord supérieur de « catégorie 1) ». il faut sans doute rajouter  des choses dans la feuille de style additionnelle, mais je ne suis pas assez calée pour savoir ce qu’il faut écrire !

    Et j’aimerais aussi changer la couleur de l’onglet sélectionné (actuellement en bleu bizarre) qui apparait dans la version mobile.

    Merci d’avance pour votre aide.

    Pascale

     

     

     

     

    #2463344
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    Bonjour,

    Copiez/collez ce code dans les CSS personnalisées du thème. Vous pouvez modifier la couleur en choisissant dans cette palette (copier/coller le code obtenu dans la fenêtre  « HEX »)

    #menu-menu-2 .sub-menu, #menu-menu-1 .sub-menu {
    background-color:#196f3d;
    }

    Note: « #menu-menu-1 .sub-menu » concerne uniquement le menu pour mobile. Si vous n’en voulez pas vous l’enlevez simplement du code, ainsi que la virgule qui précède.

    • Cette réponse a été modifiée le il y a 1 année par ferman.
    #2463347
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    …et pour le reste que j’avais oublié:

    #menu-menu-2 .sub-menu{	
    border-top:none;
    }

    #menu-menu-1.nav.navbar-nav > li.current-menu-item > a{
    color: white;
    }

    #2463409
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    SUPER !!! çà fonctionne très bien, merci !!!!

    Juste: pour le sous menu, il y a toujours un petit triangle de cette couleur bleue… ?

    Et pour la version mobile, peut on svp changer le fond noir du menu qui apparait à droite ?

    et enfin dernière question (si vous avez encore de la patience, sinon, c’est déjà super !), comment changer la couleur des liens de survol ? j’ai essayé un a:hover {
    color: #133a0f;
    text-decoration: underline  } sans succès !!???

    merci tout plein !

     

    #2463413
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    et enfin dernière question (si vous avez encore de la patience…

    Oui, il m’en reste encore pas mal, c’est dans ma nature. Donc essayez ça: (première règle: le triangle bleu; 2ème: le fond noir sur mobile; 3ème et 4ème: la couleur au survol).

    .navbar-nav > li > ul::before{
    display:none;
    }
    .side-nav__wrap{
    background-color:yellow;
    }
    #menu-menu-2.navbar-nav a:hover{
    color:yellow;
    }
    #menu-menu-2.navbar-nav a:hover{
    border-bottom-color:red;
    }

    Au cas bien improbable (vu le soin que j’ai mis à les choisir) où vous souhaiteriez changer les couleurs, vous savez comment faire.

    #2463552
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    Vous êtes merveilleux ! ça marche super sauf pour ce type de page  https://www.troncs-communs.fr/articles/ où, dès que l’on survol les liens (titre , auteur et catégorie), ce fichu bleu apparait tjs !!!!!

    #2463565
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    Encore un peu de code:

    .blog #main a:hover{
    color:yellow;
    }
    #main .wpcf7-form-control:hover{
    color:yellow;
    border-color:rgba(68,68,68,.19);
    }

    La deuxième règle est pour le formulaire de la page contact (un peu de bleu quand on survole « envoyer »). Je pense que ça n’a aucune importance et personnellement je ne l’utiliserais pas mais c’est à vous de voir. Faites bien le tour de votre site et vérifiez que tout est en ordre et qu’il n’y a plus de « bleu ».

    • Cette réponse a été modifiée le il y a 12 mois par ferman.
    #2463574
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    aghhh, rien ne fonctionne: tous les liens de cette page (pied y compris) https://www.troncs-communs.fr/author/pascale/ apparaissent en bleu !!! et pour le formulaire de contact , le mot aussi  !!???

     

    #2463583
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    Non, chez moi votre site, sans intervention de ma part, montre bien les ‘hover’ en jaune, ce qui signifie que le code est bien pris en compte. Essayez peut-être en vidant le cache de votre navigateur.

    Je n’avais pas fait attention au pied de page. Essayez  ce qui suit:


    #colophon .site-info a:hover{
    color:yellow;
    }

     

    • Cette réponse a été modifiée le il y a 12 mois par ferman.
    #2463585
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    J’aurais dû tout de suite mettre la bonne couleur (#0bb4aa comme pour le menu) au lieu de « yellow »

    • Cette réponse a été modifiée le il y a 12 mois par ferman.
    #2463587
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    je trouve que c’est une très bonne idée de mettre yellow, comme cela je vois l’effet et je peux modifier moi-même à l’envi….

    Alors, c’est encore mieux:  plus de bleu sur la page où il y a tous les articles recensés: https://www.troncs-communs.fr/wp-admin/customize.php?url=https%3A%2F%2Fwww.troncs-communs.fr%2F ainsi qu’en pied de pages

    Masi il y en a encore sur tous les liens de la page de chaque catégorie: https://www.troncs-communs.fr/wp-admin/customize.php?url=https%3A%2F%2Fwww.troncs-communs.fr%2F.   et article https://www.troncs-communs.fr/2023/11/13/article-1/.  !!??

     

    #2463588
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    Masi il y en a encore sur tous les liens de la page de chaque catégorie:…………!!??

    C’est normal, ce n’était pas précisé dans les CSS. Remplacez la règle:

    .blog #main a:hover{
    color:yellow;
    }

    Par:

    .blog #main a:hover,.category #main a:hover,.single #main a:hover{
    color:yellow;
    }

     

    #2463594
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    C’est super ! c’est proche de la perfection: il n’y a plus que le mot « envoyer » du formualaire de contact. masi bon, c’est parce que je suis perfectionniste…. c’est vraiment si vous avez envie.

    De toutes façons, je vous remercie chaudement pour votre aide, c’est génial !

    #2463603
    ferman
    Modérateur
    WordPress Master
    7216 contributions

    il n’y a plus que le mot « envoyer » du formualaire de contact.

    Je vous ai déjà donné le code plus haut .

    Si ça ne fonctionne pas, videz le cache de votre navigateur. Si ça ne fonctionne toujours pas, vous pouvez essayer en ajoutant !important.

    color:yellow!important;
    border-color:rgba(68,68,68,.19)!important;

    • Cette réponse a été modifiée le il y a 12 mois par ferman.
    • Cette réponse a été modifiée le il y a 12 mois par ferman.
    #2463875
    pascale richard
    Participant
    WordPress Knight
    127 contributions

    je n’avais pas vu votre réponse: en fait j’ai trouvé.

    Je vous remercie chaudement pour votre aide Maître Ferman !

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