Archived topic
How to change styling of current nav link?
3 replies · Started by John on January 17, 2021
Viewing posts 1–4 of 4
I'm using the Marketer theme and would like to change the styling of the current page in the navigation bar so that, instead of it being indicated by a rectangle with a colored background, it's something more subtle (like bold, differently colored text, or with an underline or overline). In the Customizer, it seems that all I can do is change the "Background Current" color. Thanks.
Hi John,
You could use this CSS to style the current button:
body .main-navigation .main-nav ul li[class*=current-menu-]>a {
color: #fff; /*text color*/
border-bottom: 1px solid #fff; /*underline*/
border-top: 1px solid #fff; /*overline*/
font-weight: bold;
background-color: #222;
}Let me know :)
Perfect, thank you!
No problem :)
This archived topic is closed to new replies.
