Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1392431
    iRocketdesign
    Participant

    Can you tell me how to change the x-navbar color? I have used the code that worked before for me in the custom css section:

    .x-navbar { background-color: #000000; }

    However it doesn’t seem to be working?
    I also want to change the color of the words on the menu?

    site is a dev site not yet published

    http://www.dev.pdrperformance.com

    I will send credentials in follow private message.

    thanks
    Rick

    #1392432
    iRocketdesign
    Participant
    This reply has been marked as private.
    #1392858
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

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

    .x-navbar {
        background-color: #ddd !important;
    }
    
    .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: #000 !important;
    }
    
    .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 #292929;
    }

    Thanks.

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