menu separator?

  • evillevi

    (@evillevi)


    9 jaren, 6 maanden geleden

    Hey iedereen

    Toen ik bezig was met de opmaak van mijn menu in de ‘customize’ optie van mijn thema Dynamic News Lite op mijn site, kreeg ik een vreemde preview te zien, wellicht een foutje. Eigenlijk zou ik zo’n opmaak van het menu graag willen hebben. Een grijze primaire kleur, een rode secundaire kleur, maar met rode lijntjes tussen de menu items zelf.

    Die rode balk naast ‘blog’ klopt niet en is er niet gekomen, dat was gewoon wat de preview toonde. Dat stuk zou logischerwijs ook grijs moeten zijn.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • LianneL

    (@liannel)

    9 jaren, 5 maanden geleden

    Is het probleem inmiddels opgelost? want je vraag spoort (inmiddels?) niet echt met wat we te zien krijgen. Het is inmiddels ook al een weekje terug …
    groet,
    Lianne

    Thread starter evillevi

    (@evillevi)

    9 jaren, 5 maanden geleden

    Hallo Lianne

    Goed dat je me er op wijst. De vraag is even niet meer aan de orde, want ik ben opnieuw begonnen met een ander thema. Maar ik zal de vraag wellicht weer moeten stellen binnenkort. Ik ben dus nog altijd geïnteresseerd in hoe ik een menu separator aanmaak.

    LianneL

    (@liannel)

    9 jaren, 5 maanden geleden

    Een menu-separator maak je aan door het menu-item een border te geven. Menu’s bestaan uit een unordered list (ul) met list-items (li). De unieke id van je menu in je huidige theme is #primary-menu. Met onderstaande code zet je links van ieder item een gespikkeld lijntje, behalve de eerste. Beetje gelijke margin en padding eromheen maakt het netjes.

    #primary-menu li + li {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px dotted red;
}

    Van red kun je natuurlijk een kleurnummer maken. Je kunt ook een strak lijntje maken (vervang dotted door solid).
    Zet dit geheel onderin je style.css, of liever in je style.css van je childtheme. Als je niet weet wat dit is, roep maar.

    succes & groet
    Lianne

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘menu separator?’ is gesloten voor nieuwe reacties.