Om de standaard kleur van de Menubalk (navigatiebalk) te veranderen, kan de CSS instellingen aangepast worden.
Dat kan op de volgende manier.
Ga in het Dashboard naar: Weergave > Customizer > Extra CSS.
Hier kan de volgende code geplakt worden:
.sdb-nav{background:#007F7B}
ul.sdb-hmenu ul li a:hover, .desktop ul.sdb-hmenu ul li:hover > a {background:#00524F}
ul.sdb-hmenu li li a {background:#007F7B}
.tiny.sdb-nav{background:#00524F}
In deze code staat de kleurcode van de Menubalk op #007F7B, maar dat kan aangepast worden.
Er is op onze website ook een Kleur picker om de juiste kleur te kiezen.
Ga hiervoor naar: www.wp-flevoland.nl/color
Uitleg van de code:
.sdb-nav{background:#007F7B}
Dit is de achtergrondkleur van de hele Menubalk.
ul.sdb-hmenu ul li a:hover, .desktop ul.sdb-hmenu ul li:hover > a {background:#00524F}
Hier wordt de “hover” kleur gegeven van de knoppen in de Menubalk. – (hover = als de muispijl er overheen gaat)
ul.sdb-hmenu li li a {background:#007F7B}
Met deze code wordt de achtergrondkleur van de knoppen op de Menubalk aangegeven.
In dit geval de zelfde kleur als van de Menubalk zelf (probeer eens dit te wijzigen)
.tiny.sdb-nav{background:#00524F}
Met “.tiny” voor de code “.sdb-nav” wordt de kleur bepaald voor de Menubalk als de balk verkleind wordt.
De Menubalk wordt van hoogte verkleind en blijft bovenin het scherm staan als de pagina naar beneden gescrold wordt.