Archived topic
How Do I Make the Primary Navigation Do This?
3 replies · Started by RJ on April 7, 2020
Hey there - I trust support members are keeping well.
I want one link in my primary navigation to have a different colour as well as when you hover over it.
It's the DONATE link I want to make stand out.
How do I do that?
TIA, Robin
Hi Robin - very well thanks hope the same goes for you.
You can add a Custom CSS Class to that menu item:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
E.g adding Custom Class of: donate-menu
And then use it to style that item differently:
.main-navigation .main-nav ul li.donate-menu a {
background-color: red;
}
.main-navigation .main-nav ul li.donate-menu:hover a {
background-color: blue;
}
Useful topic:
https://docs.generatepress.com/article/adding-buttons-navigation/
Perfect! Thanks so much, David. And yes, all good around here.
You're welcome - glad to hear it