Support » CSS / opmaak vragen » Opmaak sidebar menu (active item)

  • Hello !

    Ons bedrijf heeft de oude site in een wordpress jasje gegoten, nu ben ik hier nog nieuw in dus heb even jullie hulp nodig.

    Als je op de website (www.bafa.be) op ‘who we are’ klikt, dan opent een nieuwe pagina met sidebar menu, en de actieve keuze wordt in de sidebar als wit aangeduid, zo moet het !
    (dit menu was er origineel)

    Nu heb ik zelf een sidebar menu gemaakt onder het tabblad “other services”, als ik daar op klik dan opent ook de nieuwe pagina, met sidebar, maar de actieve keuze wordt niet in het wit aangeduid in de sidebar. Ik heb overal gezocht maar vind het niet!

    Misschien interessant: er staat bij “who we are” géén custom CSS, dus ik weet niet vanwaar de opmaak vandaan komt.

    Zou iemand me a.u.b kunnen helpen, ik ben nog een leek dus hoe gedetailleerder hoe beter 🙂

    bedankt alvast voor jullie tijd!

    groetjes

    • Dit onderwerp is gewijzigd 3 jaren, 5 maanden geleden door flyingjones.
1 reactie aan het bekijken (van in totaal 1)
  • De versiering van het menu staat daar waar het hoort in het css bestand van het thema. De status van een hyperlink word bepaald door de browser. Die instellingen van de browser kan je weer gebruiken voor een bepaling in je css.
    In het originele menu staat voor de blauwe kleur dit

    ul#menu-who-we-are-menu-en li.current-menu-item a {
        color: #002d73;
    }

    gedeclareerd om te zorgen dat de hyperlink blauw kleurt.
    Nu wil jij dat ook bij jouw eigen gemaakte menu ook die kleur komt en eigenlijk zou dan dit

    a:active{
        color: #002d73;
    }

    genoeg moeten zijn. Maar dan is iedere hyperlink die actief is blauw en dat willen we nu ook weer niet. Dus zoeken we naar een class of id die gebruikt word om te vertellen dat we aan de zijkant zitten van de pagina en ons bezig houden met het menu.
    Dan kom ik uit op het id menu-sidebar-services en zou de declaratie zo worden

    #menu-sidebar-services a:active {
        color: #002d73;
    }

    Die code plaats je dan in een apart css bestand die als laatste moet worden ingeladen.
    Succes.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Opmaak sidebar menu (active item)’ is gesloten voor nieuwe reacties.