Archived topic
Change background color nav button
3 replies · Started by Renske on February 8, 2022
Viewing posts 1–4 of 4
Hi there,
I want to style my nav button.
Currently, the non-hover text is white and the border is white, but the text is green. I want the text to be white, too.
And I want a hover effect: green background, green border and white text.
what CSS do I need to accomplish this?
Thanks!
Hi there,
try swapping your CSS for this:
.main-navigation .main-nav ul li.nav-button a {
border: 2px solid #fff;
color: #fff !important;
line-height: 35px;
}
.main-navigation .main-nav ul li.nav-button:hover a {
border: 2px solid #78c16c;
background-color: #78c16c !important;
line-height: 35px;
}Excellent! Thank you, sir! :)
You're welcome!
This archived topic is closed to new replies.
