[Resolved] How to change styling of current nav link?

Home Forums Support [Resolved] How to change styling of current nav link?

Home Forums Support How to change styling of current nav link?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1622923
    John

    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
    Ying
    Staff
    Customer Support

    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
    John

    Perfect, thank you!

    #1624399
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.