Navigation
Archive / Changing Nav Bar Highlight Color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 14, 2016 at 10:09 am #1216243
    Ben
    Participant

    Hi,

    I am using the integrity stack and am trying to change the highlight color on the nav bar. Currently, it is a bright red and we would like to change from that. Could you direct me to the proper to change the hex number to our desired color?

    P.S.

    I’m fairly certain this has been asked and answer in the forum, I just couldn’t find it. So, I apologize for a repeat thread.

    Thanks and love the theme and the support you all provide.

    Best,
    Ben

    October 14, 2016 at 11:16 am #1216329
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    October 15, 2016 at 12:25 pm #1217448
    Ben
    Participant

    https://alabamaacademy.ua.edu/

    Sorry about that.

    October 15, 2016 at 12:47 pm #1217467
    Thai
    Moderator

    Hi Ben,

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

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

    Hope it helps 🙂

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