Navigation
Archive / How do I change the color of the active menu accent
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 26, 2016 at 8:09 am #1231427
    Imran Mughal
    Participant

    I’ve gone through a few posts and tried the suggestions provided, but for some reason I still can’t change the color of the active menu accent color. It’s still showing as red.

    October 26, 2016 at 8:35 am #1231487
    Joao
    Moderator

    Hi There,

    That color will follow your links color.

    But you also can change it individually by adding the following code to Appereance > Customizer > Custom > 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 #ffffff;
}

    Change #ffffff for the desired color.

    Hope it helps

    Joao

    October 27, 2016 at 8:45 am #1233133
    Imran Mughal
    Participant

    Yeah, I tried the CSS you provided but that didn’t work. However, knowing that it’s set via the link color helped. I’ve just changed it and am happy with it now.

    Thanks!

    October 27, 2016 at 10:00 am #1233251
    Lely
    Moderator

    Hi There,

    Glad that it helps and it is not sorted out!

    Cheers!

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