Sign inGet GeneratePress One

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
#1622923

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.

#1622934

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 :)

#1624332

Perfect, thank you!

#1624399

No problem :)

This archived topic is closed to new replies.