Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1101690
    kobwebie
    Participant

    Hi

    I have searched the forum and tried every custom css I could find but I cannot change the colour of my menu items on the main nav bar.. Am I missing something? I thought it would be straight forward enough to change using css

    .x-navbar .x-nav > li > a {
    background: #ffffff;
    color: #000;
    }

    .x-navbar .x-nav > li > a:hover {
    background: #000000;
    color: #fff;
    }

    #1101706
    Christian
    Moderator

    Hey there,

    Yes, it is straight forward and don’t need CSS. In Appearance > Customize > Header, you can change the Navbar links color and hover color (see attachment)

    Thanks.

    #1101719
    kobwebie
    Participant

    Hi

    Yes I though that but no matter what I do the navbar links (menu items) wont change colour. You can see in the screengrab that I have change the colours but still the menu items remain black background and grey text..

    #1101721
    kobwebie
    Participant

    Sorry screengrab was too big.. Here you go..

    #1101740
    Christopher
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1101759
    kobwebie
    Participant
    This reply has been marked as private.
    #1101766
    kobwebie
    Participant

    I am also trying to centre the menu items and remove the padding between the navbar and the top of the slider but I am having no luck with any of it..

    Looking forward to finding out whats gone wrong

    Karl

    #1101789
    Christopher
    Moderator

    Hi there,

    You’re using Ubermenu, you should change menu settings under Customize -> Ubermenu -> Top level items.
    Set ‘Horizontal Item Alignment’ under Ubermenu settings -> Menu bar.

    Please add following code in Customize -> Custom -> CSS :

    .home .entry-wrap {
        padding-top: 0;
    }

    Hope it helps.

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