Ondersteuning » Thema en CSS/opmaak » Submenu mouseover kleur veranderen
Submenu mouseover kleur veranderen
-
Hallo allemaal,
Eerst even wat info
WP versie 3.8.1
Theme Twentey Eleven
http://www.nannydoe.nlOp de site heb ik bij ‘beschikbare nanny’s’ een submenu per beschikbare nanny aangemaakt.
Ik zou echter willen dat bij het uitvouwen dat het hoofdmenu ‘beschikbare nanny’s’ terug gaat naar de paarse kleur en alleen de geselecteerde nanny, waar op de muis op staat, paars wordt (met witte font).Ik snap dat dit alleen in de css is op te maken maar ben hier geen held in.
Zou iemand mij hiermee op weg kunnen helpen?Alvast bedankt,
Sebastian
-
In het menu daar waar bold staat bij visited voeg je toe background:#jekleurcode;
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold; } Hier dus
Hey Robelia,
Bedankt voor je reactie.
Ik heb het veranderd zoals hieronder.
Helaas heeft dit geen effect?
Wat doe ik verkeerd?} #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold background:#4C1C5A }
Hi Sebastian,
Ik neem aan dat je het submenu in combi met je wensen hierboven een witte achtergrond met paarse letters wilt geven als je met je muis over het hoofd-item ‘beschikbare nanny’s’ zweeft.
Code:
.styles #access ul > li li a { color: #4C1C5A; } .styles #access ul > li li a:hover, .styles #access ul > li li a:active, .styles #access ul > li li a:focus, .styles #access li:hover > a { color: #FFFFFF; } .styles #access ul > li li a { background-color: #fff; } .styles #access ul > li li a:hover, .styles #access ul > li li a:active, .styles #access ul > li li a:focus, .styles #access li:hover > a { background-color: #4C1C5A; }
Ongevraagd een andere suggestie: Je hebt een blok rechts staan met voordelen van jouw service. Daarin is het woord ‘vertrouwde’ toch best wel hinderlijk verkeerd gespeld.
Succes!
Lianne
- Het onderwerp ‘Submenu mouseover kleur veranderen’ is gesloten voor nieuwe reacties.