• 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)
  • Dan moet je de groene achtergrondkleur op
    .current-page-item a {} zetten ipv .current-page-item {}

    Thread starter Pete79

    (@pete79)

    hi,

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

    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)

    .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?

    Je mist deze regel:

    .current_page_item .page_item { background: #ffffff; }

    Je kunt ook best je expressie afsluiten met een ;

    Thread starter Pete79

    (@pete79)

    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?

    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)

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

    #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.