Support » CSS / opmaak vragen » achtergrond kleur menu

  • Opgelost gebje

    (@gebje)


    Hallo allemaal,
    Ik heb sinds kort een nieuwe website in m’n beheer en ik wil graag dat mijn menu een achtergrond kleur heeft zodat het wat leesbaarder is. Ik heb tot nu toe in meerdere bestanden geprobeerd background color: #8a94a3 toe proberen te voegen onder meerdere classes, alleen niks heeft een effect…

    De mobiele versie heeft wel een achtergrond kleur in het menu.

    Hopelijk kunnen jullie me een handje helpen

    Mvg
    Gerben

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Voor de menubalk:

    .container .sixteen.columns {
    background-color: #000000c7;
    }

    Voor de sub-menus

    nav > div > ul > li > ul.sub-menu {
    background-color: #000000c7;
    }

    Ik raad je echter aan om van thema te wisselen. Deze ziet er echt niet uit (no offense). OceanWP is een voorbeeld van een populair gratis thema, met demos die je kan importeren zodat je niet helemaal vanaf 0 moet beginnen.

    Dankje voor je antwoord! het werkt alleen niet helemaal omdat .container.sixteen.columns een groter deel target dan het menu.
    Ik heb het al een soort van gefixt met deze code:
    .menu-item {
    text-align: center;
    border: 0px solid #FFF;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 70 px;
    background-color: #700000;
    display: block;
    color: #FFF;
    padding: 2px 2px;
    text-decoration: none
    }
    .menu-item:hover {
    background-color: #700000;
    color: white;
    }

    het probleem is alleen dat het verenigingen gedeelte ook een menu is, dus dat veranderd mee.

    En over het thema, ik ben het 100% met je eens dat het een lelijk thema is en het is ook niet zo goed gecodeerd, dit is in 2014 ooit door een bedrijf gemaakt. Helaas wil de manege waarvoor ik dit beheer een website in de zelfde stijl als de andere 3 websites die ze al hebben…

    Ik ben bekend met OceanWP, dat zou inderdaad een goed alternatief zijn 😉

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