Support » Thema en CSS/opmaak » Submenu mouseover kleur veranderen

  • Hallo allemaal,
    Eerst even wat info
    WP versie 3.8.1
    Theme Twentey Eleven
    http://www.nannydoe.nl

    Op 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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • 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

    Thread starter Sebastian86

    (@sebastian86)

    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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Submenu mouseover kleur veranderen’ is gesloten voor nieuwe reacties.