Dit kan je via customizer > extra css doen .
voorbeeldje achtergrond kleur:
#main-nav {background-color:#aabb00}
-
Deze reactie is gewijzigd 3 maanden, 1 week geleden door
Gaike.
Dank, Ik heb het aangepast maar dit is alleen zichtbaar in het hoofdmenu en niet in de diepere menu items. Ook wil ik graag de kleur van de active link en hoverlink aanpassen. Ik heb al wat zitten prutsen maar het is niet gelukt.
Als alle menuitems, ook die onder het hoofdmenu zitten, groen worden dan wil ik de kleur van de letters zwart maar dan bij hover en active witte letters. Die letters zijn nu blauw.
Hoi Kees,
Ik heb niet nagekeken of je dit via de instellingen vh thema kunt doen, maar neem aan dat je dat al hebt uitgezocht..
Om achtergrond vh submenu ook groen te krijgen, de hover linkkleur wit, en de actieve linkkleur ook wit, voeg dit eens toe aan de CSS van Gaike:
#main-menu a:hover {color:#fff !important;}
#main-nav li.current-menu-item > a {color:#fff !important;}
#main-nav li.current-menu-ancestor > a {color:#fff !important;}
#main-menu .sub-menu a {background-color:#9dbc55 !important;}
#main-menu .sub-menu a:hover {color:#fff !important;}
(misschien kun je de !important statement ook wel weglaten)
Guido
Hallo Guido,
Een heel late reactie, Door druktes en vakantie had ik eerder nog geen tijd om er naar te kijken.
Het ziet er nu goed uit alleen de tekst van het actieve item is blauw dat valt een beetje weg op de groene achtergrond. Misschien is het dan beter om bij het actieve item de achtergrond wit te maken of de tekst wit.
Hoi Kees,
Als je dit stukje uit de eerdere CSS verwijderd:
#main-menu a:hover {color:#fff !important;}
En vervangt door:
#main-nav a:hover {color:#fff !important;}
#main-nav i:hover {color:#fff !important;}
Dan werkt in ieder geval de hover ook in het mobiele menu.
Guido
Helaas lijkt het niet te werken als ik dit aan de extra css van het Bard thema toevoeg. De blauwe kleur komt waarschijnlijk van de kleur van de hyperlinks in de teksten van de website. Die wil ik graag zou houden.
Hoi Kees,
Zou je het toch eens toe willen voegen aan de custom CSS van de site, dan kan ik even meekijken.
Guido
Hallo Guido,
Sorry voor de late reactie.
De tekstkleur van het actieve menu item is hetzelfde als de kleur van alle hyperlinks op de website. Ik heb nu de achtergrondkleur van het submenu in een lichtere kleur groen gemaakt en dan is de blauwe kleur van het actieve menu item wel goed zichtbaar.
Bedankt voor de codes en het meedenken.
Groeten,
Kees
