- WordPress: 6.3
- Statut : non résolu
- Ce sujet contient 14 réponses, 2 participants et a été mis à jour pour la dernière fois par pascale richard, le il y a 11 mois et 3 semaines.
-
AuteurMessages
-
14 novembre 2023 à 8 h 18 min #2463343
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
14 novembre 2023 à 9 h 18 min #2463344Bonjour,
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.
14 novembre 2023 à 10 h 19 min #2463347…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;
}14 novembre 2023 à 23 h 46 min #2463409SUPER !!! çà 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 !
15 novembre 2023 à 0 h 46 min #2463413et 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.
18 novembre 2023 à 0 h 25 min #2463552Vous ê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 !!!!!
18 novembre 2023 à 9 h 43 min #2463565Encore 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.
18 novembre 2023 à 20 h 01 min #2463574aghhh, 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 !!???
18 novembre 2023 à 22 h 21 min #2463583Non, 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.
18 novembre 2023 à 22 h 55 min #2463585J’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.
19 novembre 2023 à 11 h 08 min #2463587je 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/. !!??
19 novembre 2023 à 11 h 44 min #2463588Masi 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;
}19 novembre 2023 à 19 h 32 min #2463594C’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 !
20 novembre 2023 à 0 h 12 min #2463603il 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;24 novembre 2023 à 18 h 33 min #2463875je n’avais pas vu votre réponse: en fait j’ai trouvé.
Je vous remercie chaudement pour votre aide Maître Ferman !
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.