Ik zie op deze documentatie pagina wel iets over menu’s en de kleurtjes, maar weet niet of dat ook zo te vinden is in jouw opbouw? https://docs.oceanwp.org/article/832-menu-oceanwp-settings
Wel grappig, ik zie %%sep%% in je titelbalk staan, wellicht heb je dat er manueel ingezet en kwam dat oorspronkelijk van de Yoats SEO plugin, die je nu niet meer hebt draaien?
Thread starter
Kees
(@wp006659)
Via Customizer is die mogelijkheid er helaas niet. Jawel, een effen kleur is een koud kunstje, maar een gradiënt gaat daar niet lukken. Het zou dus in de CSS aangepast meten worden. Niet zo ingewikkeld, maar helaas vind ik de knop-opmaak niet terug in de stylesheets van het thema. Nu ben ik zeker geen expert maar als ergens de classes te vinden zouden zijn die de opmaak van de knoppen en de navigatiebalk regelen zou ik de achtergrond kunnen aanpassen. Helaas, die classes zijn voor mij onvindbaar.
Yoats is idd verwijderd. Ik ga even naar de titelbalk kijken.
Tot zover bedankt.
Groet, Kees
Hey Kees,
Als je een beetje vertrouwd moet geraken met hoe je klasses/id’s/… kan vinden, gewoon rechtsklikken op het element en “inspecteer” kiezen. Dan zie je de CSS die toegepast wordt op een element van de pagina.
Met wat CSS kan je dus een background gradient plaatsen, bv. deze code:
a.menu-link {
background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);
background-color: rgba(0, 0, 0, 0);
}
Zie voorbeeld hiervan: https://snipboard.io/DoeFfG.jpg
Deze CSS kan je of in je child thema plaatsen als je er eentje gebruikt, of via Weergave → Customizer → Extra CSS
-
Deze reactie is gewijzigd 8 maanden, 1 week geleden door
Jeroen Rotty.
Thread starter
Kees
(@wp006659)
Dat laatste heeft me goed op weg geholpen, dank daarvoor. De navigatiebalk en de menuknoppen voor hover https://accp.nl/images/Image1.jpg en de inactieve pagina’s https://accp.nl/images/Image4.jpg heb ik op mijn lokale omgeving kunnen aanpassen. Voor de styling van de menuknop van de actieve pagina, zoals ik had op mijn oude website https://accp.nl/images/Image5.jpg (voorbeeld) heb ik geen oplossing kunnen vinden. Misschien is de verwijzing in de CSS daar naar toe te pagina-specifiek?
Groet, Kees
Voor de styling van de menuknop van de actieve pagina, zoals ik had op mijn oude website https://accp.nl/images/Image5.jpg (voorbeeld) heb ik geen oplossing kunnen vinden.
Is dit inmiddels opgelost? Nee toch?
Guido
Thread starter
Kees
(@wp006659)
Nee, de styling van de knop voor de actieve pagina heb ik nog niet voor elkaar kunnen krijgen. Die class is voor mij onvindbaar. Daarom heb ik op de website ook nog maar niets aangepast. Anders is het wel erg onaf.
Oh mijn excuses heren, had je laatste reactie niet (goed?) gelezen – ik dacht dat je er al was.
Voor de achtergrond van het actieve menu item te veranderen heb je deze selector nodig:
#site-navigation-wrap .dropdown-menu > .current-menu-item > a{
background:...
}
Thread starter
Kees
(@wp006659)
OK, dat werkt lokaal! Vanavond de online website aanpassen.
Bedankt zover.
Thread starter
Kees
(@wp006659)
Ook online is het menu nu aangepast zoals ik het voor ogen had. Bedankt voor de hulp. Ik zal “opgelost” nu aanvinken.
Super. Misschien nog een tip: je submenu items staat in rode tekst, dat is moeilijk leesbaar… misschien wil je dat nog verbeteren …
Thread starter
Kees
(@wp006659)
Keek er zelf al te lang naar, dus viel het mij niet zo op. Goed idee om het aan te passen. Bedankt Jeroen.
