Navigation
Archive / Custom Navbar Underline/Highlight Color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 11, 2016 at 10:35 pm #1082555
    fullframenw
    Participant

    Hi! I was wondering how to change the underline color in my navbar when a cursor hovers the link? I want to keep the link color and just change the underline color. Is this possible? Thank you!

    July 12, 2016 at 5:41 am #1082876
    Thai
    Moderator

    Hi There,

    To change the underline color, please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 #f0f0f0;
}

    Hope it helps 🙂

    July 12, 2016 at 11:31 am #1083348
    fullframenw
    Participant

    Hey thanks! Worked great.

    July 12, 2016 at 1:01 pm #1083515
    Joao
    Moderator

    Glad to hear it.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1082555 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>