parent menu en child menu actief bij geselecteerde pagina

  • Pete79

    (@pete79)


    15 jaren, 3 maanden geleden

    Hi,

    Ik ben mijn website aan het opzetten maar de puntje op de ‘i’ lukt niet. Hopelijk hebben jullie de oplossing…

    indien ik de volgende link aanklik in mijn menu (zie link hieronder), is het gehele blok gekleurd, ik wil graag de parent gekleurd hebben. en indien een child wordt geselecteerd de parrent en child gekleurd.

    De link van de testside: http://www.petervanhensbergen.nl/wptest/web-design/

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • royscheeren

    (@royscheeren)

    15 jaren, 3 maanden geleden

    Dan moet je de groene achtergrondkleur op
    .current-page-item a {} zetten ipv .current-page-item {}

    Thread starter Pete79

    (@pete79)

    15 jaren, 3 maanden geleden

    hi,

    bedankt voor je snelle reactie. Ik heb het in de css aangepast maar beide zijn/blijven groen. Heb je nog een andere suggestie?

    royscheeren

    (@royscheeren)

    15 jaren, 3 maanden geleden

    Ja hij pakt nu alle a’s onder .current-page-item
    als je .current-page-item .page-item {} op wit zet is het gefixt.

    Thread starter Pete79

    (@pete79)

    15 jaren, 3 maanden geleden

    .current_page_item  a{ background: #EEEEEE

}

.page_item { background: #ffffff

}

.current_page_item   { background: #ffffff

}

    dit staat er nu in, maar het werkt nog steeds niet… zie link, wat doe ik verkeerd?

    royscheeren

    (@royscheeren)

    15 jaren, 3 maanden geleden

    Je mist deze regel:

    .current_page_item .page_item { background: #ffffff; }

    Je kunt ook best je expressie afsluiten met een ;

    Thread starter Pete79

    (@pete79)

    15 jaren, 3 maanden geleden

    hi, staat erin, maar bij het selecteren van de link grafisch zie je bv dat ze alle 3 een achtergrond hebben. heb je nog een ander idee?

    royscheeren

    (@royscheeren)

    15 jaren, 3 maanden geleden

    Whoops klein foutje:

    .current_page_item .page_item { background: #ffffff; } moet zijn:

    .current_page_item .page_item a { background: #ffffff; }

    Maar gezien de rest van je css is dit veiliger denk ik:

    #widget li.current_page_item .page_item a { background: #ffffff; }

    Thread starter Pete79

    (@pete79)

    15 jaren, 3 maanden geleden

    thx, dat werkt. En als de geklikte link ‘actief’ moet blijven, dus de achtergrond kleur moet actief blijven. wat moet ik dan toevoegen?

    royscheeren

    (@royscheeren)

    15 jaren, 3 maanden geleden

    #widget li.current_page_item  a{ background: #EEEEEE

}

    Die had je weer weggehaald zag ik, maar moet er wel nog steeds staan.

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)

Het onderwerp ‘parent menu en child menu actief bij geselecteerde pagina’ is gesloten voor nieuwe reacties.