Problème dans le CSS pour barre de menus et sous-menus

Bonjour,

J'ai un problème sur le http://gaiatitude.net (et fait avec WordPress, le site, non pas le logiciel, mais avec l'option modification du CSS) que je fais pour une amie.

Nous avons fait un menu avec trois niveaux (niveau principal, puis niveaux 1 et 2 en sous-menus déroulants) ; nous avons souhaité en customiser les couleurs.
Ainsi :
- le menu principal est rose clair (#FE82F6) sur blanc, et à l'inverse blanc sur rose clair quand la souris passe dessus ou quand il s'agit de la page courante.
- les sous-menus (de niveaux 1 et 2) sont blanc sur rose clair, et noir sur fuchsia (#FE08CE) quand la souris passe dessus.

Quand l'Internaute navigue dans les pages de niveau principal, pas de souci, le menu reste clean (cf. page "Thés et tisanes", par exemple).
Par contre, quand il navigue dans les pages de niveaux 1 et 2, la section courante (menu principal dont dépend la page 1 ou 2 courante) s'affiche en blanc sur noir (couleurs d'origine du thème...) (au lieu de blanc sur rose clair, type menu principal en page courante), et les sous-menus (de niveaux 1 et 2) de la section courante en blanc sur noir également (au lieu de blanc sur rose clair, comme habituellement).

J'ai ceci dans mon CSS :

#access li:hover > a,
#access ul ul :hover > a {
background:#FE82F6;
color:#fff;
}

#access ul ul a:hover {
background:#FE08CE;
color:black;
}

#access ul li:hover > ul {
display:block;
}

#access .current_page_item a {
background:#FE82F6;
color:#fff;
}

... et j'aimerais pouvoir paramétrer cela mais ne sais pas comment.

Par avance merci pour l'aide !
Charlène pour Gaïa'titude / Juliette

Hello
L'idéal aurai été de reprendre la feuille de style de ton theme.
Vois si tu ne trouve pas un fichier CSS a coté de tes page php dans le dossier de ton template.

ca, c'est la solution propre. Maintenant, je vais supposer que tu débute en css, et que tu n'as pas envie de reprendre tout ton style, alors je te propose une solution plus rapide et plus simple, mais sale : simplement en ajoutant !important; dans ton css, sur les styles qui sont remplacés par le thème de base.

++ .o/

Merci Saajuck ! En reprenant effectivement la feuille de style du thème de base, j'ai réussi, j'ai trouvé !