Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1157599
    garlicfox
    Participant

    Hello,

    I know this question has probably been asked a million times but perhaps what im searching for is not bringing it up. http://screencast.com/t/tSwY6dJ00p

    Iv’e tried looking in all the obvious places (appearance -> customization) etc .. but for the live of me I can’t see where this color is set anywhere. Is it something I need to change via css?

    Any assistance would be wonderful and thank you in advance!

    #1157872
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .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 #8e8e8e;
    }
    
    .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, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
        color: #8e8e8e !important;
    }

    Thanks.

    #1158497
    garlicfox
    Participant

    Thats wonderful and worked like a charm! If i wanted the background behind the “Join Us” to still be white, is there a way to change just the background of that one menu item?

    http://screencast.com/t/oNTOyo4k07oE

    #1158647
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Give this link a try and see if it works :

    https://community.theme.co/forums/topic/how-to-change-menu-background-color-icon-3/

    Let us know how it goes!

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