changer couleur menu déroulant thème weaver

Statut : non résolu

Ce sujet contient 15 réponses, 3 participants et a été mis à jour pour la dernière fois par zistoloen, le il y a 12 années et 5 mois.

15 sujets de 1 à 15 (sur un total de 16)

1 2 →

Auteur

Messages
26 novembre 2012 à 21 h 49 min #517245

angelique20000
Participant

Initié WordPress
27 contributions

Bonjour,

j’utilise le thème weaver
voici mon site http://douce-heure.info
j’ai crée un thème enfant,
j’ai réussi à mettre mes images en fond,
à changer la couleur de barre de menu en allant dans la section weaver admin…header menu options

par contre, je n’arrive pas à changer la couleur du menu déroulant
là c’est gris noir et ça ne va pas du tout avec le reste…

Qui peut m’aider svp ???
Merci beaucoup

26 novembre 2012 à 21 h 55 min #866087

luciole135
Participant

Maître WordPress
13714 contributions

Avec Firebug pour Chrome ou Firefox ou alors avec DragonFly nativement intégré à opera cliquez à droite et inspectez l’élément, vous verrez quelles sont les règles de CSS qui s’appliquent sur lui.

27 novembre 2012 à 8 h 57 min #866088

angelique20000
Participant

Initié WordPress
27 contributions

Bonjour
merci de me répondre
j’ai téléchargé l’appli, j’ai cliqué mais je ne comprends pas comment / pourquoi ça sert pour ma question de changer la couleur du menu déroulant (actuellement noire)

27 novembre 2012 à 9 h 18 min #866089
zistoloen
Participant

Padawan WordPress
79 contributions
Bonjour Angelique,

Les outils énoncés par luciole135 sont des outils de développeurs. On peut généralement voir les règles CSS qui sont les règles qui permettent de changer les couleurs des éléments par exemple.

Ces règles sont modifiables l’admin : Apparence => Editeur => Choisir le style.css du thème enfant à droite.

Dans le style.css de ton thème enfant, essaie déjà de rajouter ça :
```
#access ul ul a, #access2 ul ul a, #access3 ul ul a {
     background: pink;
}
#access ul ul a:hover, #access2 ul ul a:hover, #access3 ul ul a:hover {
     background: pink;
}
```
Cela devrait remplacer le noir par du rose (pink) pour ton menu. Après, tu pourras modifier le rose par la couleur que tu souhaites en héxadécimal.

Si tu as besoin d’aide, n’hésite pas.
27 novembre 2012 à 9 h 33 min #866090

angelique20000
Participant

Initié WordPress
27 contributions

je te remercie
je ne suis pas développeur comme tu l’auras deviné lol
alors oui j’ai besoin d’aide 😉
c’est mon premier site que je fais mais ça dépasse carrément mes compétences…

quand je vais dans mon éditeur, je n’ai que quelques lignes

/*
Theme Name: Enfant
Description: Theme Enfant de weaver
Auhor: Angelique
Template: weaver
Version: 0.1
*/

@import url(‘../weaver/style.css’);

27 novembre 2012 à 9 h 45 min #866091

zistoloen
Participant

Padawan WordPress
79 contributions

Ok pas de soucis.

En dessous de @import url(‘../weaver/style.css’);, rajoute les lignes que je t’ai données. Enregistre et réactualise ta page internet, tu verras que le menu aura un fond rose aulieu de noir.

27 novembre 2012 à 10 h 16 min #866092
zistoloen
Participant

Padawan WordPress
79 contributions
Encore mieux, utilise plutôt ce code qui devrait totalement faire disparaître le gris – noir :
```
#access ul ul a, #access2 ul ul a, #access3 ul ul a {
     background: pink;
}
#access ul ul a:hover, #access2 ul ul a:hover, #access3 ul ul a:hover {
     background: pink;
}
#access ul a:hover, #access2 ul a:hover, #access3 ul a:hover {
     background: pink;
}
#access li:hover > a, #access ul ul :hover > a, #access2 li:hover > a, #access2 ul ul :hover > a, #access3 li:hover > a, #access3 ul ul :hover > a {
     background: pink;
}
```
27 novembre 2012 à 12 h 43 min #866093

angelique20000
Participant

Initié WordPress
27 contributions

snif snif, ça ne veut pas marcher…

27 novembre 2012 à 13 h 07 min #866094

zistoloen
Participant

Padawan WordPress
79 contributions

Quand on modifie le fichier css, c’est toujours bien de raffraîchir la page modifiée juste après.
Normalement, si tu te connectes à ton site et que tu appuies sur la touche F5 (voire CTRL + F5) de ton clavier, cela devrait fonctionner 😉 .

27 novembre 2012 à 13 h 40 min #866095

angelique20000
Participant

Initié WordPress
27 contributions

bon, en fait, j’avais fait mettre à jour le fichier, puis j’avais cliquer sur aller sur le site mais ça marchait pas
Ah oui, cela marche mieux avec la touche F5 !!😇
j’ai l’impression d’être un :boulet: 😋
mdr
tu disais que je pouvais mettre la couleur que je voulais en hexadécimal
hum connais pas ce mot 😗 tu veux dire le code couleur avec les chiffres et dièses ?
En tout cas un grand M.E.R.C.I pour ton aide !! génial
MERCI MERCI MERCI

27 novembre 2012 à 13 h 49 min #866096

zistoloen
Participant

Padawan WordPress
79 contributions

De rien 😉 .

La couleur en hexadécimal, c’est celle avec le dièze oui. D’ailleurs, pour trouver la valeur héxadécimale d’une couleur, tu as ce site qui est plutôt bien fait : http://www.colorpicker.com/.

27 novembre 2012 à 13 h 57 min #866097

angelique20000
Participant

Initié WordPress
27 contributions

youpiiiiiiiiiiiiii
ça y est j’ai mis le même rose que celui de la barre de menu 🙂
merci à Luciole qui avait commencé à m’aider et à toi Zistoloen
c’est vraiment formidable l’aide que vous donnez aux personnes
MERCI vraiment BEAUCOUP !!!!

27 novembre 2012 à 14 h 22 min #866098

zistoloen
Participant

Padawan WordPress
79 contributions

C’était avec plaisir.

N’hésite pas à revenir si tu as d’autres soucis.

27 novembre 2012 à 14 h 50 min #866099

angelique20000
Participant

Initié WordPress
27 contributions

et bien si cela ne te dérange pas,

je ne comprends pas pourquoi les codes couleurs utilisées dans mon image au dessus du menu ne correspondent pas avec les codes couleurs de wordpress.
je ne sais pas si je suis claire, ce n’est pas facile à expliquer
l’image a été faite dans photoshop, j’ai imprimé et reçu mes cartes de visite : les couleurs correspondent.
mais pas avec celles de wordpress ??

comment je peux obtenir le code couleur du bas d’image pour mettre la même dans mon menu déroulant ? stp ?

27 novembre 2012 à 15 h 33 min #866100

luciole135
Participant

Maître WordPress
13714 contributions

Avec ce petit logiciel tout simple « La Boite à couleurs« , il y a une pipette, cliquez sur la pipette, puis placez là sur la zone dont vous voulez connaître la couleur, vous verrez la couleur ainsi que son code hexadécimal.
http://pourpre.com/colorbox/index.php
Auteur

Messages