Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #111881
    Malni
    Participant

    Hi,

    which Code do I need in the CSS Customizer to change the Top/Primary Menu?

    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation li:hover > a, .main-navigation li.focus > a {
    color: #f9a21f;
    }

    is not working 🙁

    #111882
    Malni
    Participant

    it is theme catch base

    #111910
    Mahesh
    Keymaster

    @malni: Go to Dashbaord=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    .catchbase-nav-menu .current-menu-item > a, 
    .catchbase-nav-menu .current-menu-ancestor > a, 
    .catchbase-nav-menu .current_page_item > a, 
    .catchbase-nav-menu .current_page_ancestor > a, 
    .catchbase-nav-menu li a:hover, 
    .catchbase-nav-menu li a:focus, 
    .catchbase-nav-menu .sub-menu li a:hover, 
    .catchbase-nav-menu .sub-menu li a:focus, 
    .catchbase-nav-menu .children li a:hover, 
    .catchbase-nav-menu .children li a:focus {
    	color: #00ff00;
    }

    Regards,
    Mahesh

    #111928
    Malni
    Participant

    THX Mahesh,

    but now only the mouseover is in another color.
    I need the whole menu-band backround color from left to right in gold and the font in white.

    Like this:

    https://www.dropbox.com/s/rwetf1emkvh4qil/catchbase%20explain.jpg?dl=0

    #111995
    Mahesh
    Keymaster

    @malni: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    .catchbase-nav-menu a, 
    .sidebar-header-right .widget_nav_menu a {
        color: #fff;
    }
    
    .nav-primary,
    .catchbase-nav-menu .sub-menu a {
        background-color: #ffd700;
    }

    Regards,
    Mahesh

    #112002
    Malni
    Participant

    Great, that worked many thanks

    #112006
    Malni
    Participant

    oh, is it possible to leave the links in the menu white and the font black, when the menu is open it is a bit to much:

    https://www.dropbox.com/s/nfsbpqxkrndew0h/screenshot%202.jpg?dl=0

    #112084
    Mahesh
    Keymaster

    @malni: Remove all the above CSS, and put in the following CSS:

    .catchbase-nav-menu a, 
    .sidebar-header-right .widget_nav_menu a {
        color: #fff;
    }
    
    .nav-primary,
    .catchbase-nav-menu .sub-menu a {
        background-color: #ffd700;
    }
      
    .catchbase-nav-menu .current-menu-item > a, 
    .catchbase-nav-menu .current-menu-ancestor > a, 
    .catchbase-nav-menu .current_page_item > a, 
    .catchbase-nav-menu .current_page_ancestor > a,
    .catchbase-nav-menu li a:hover, 
    .catchbase-nav-menu li a:focus,
    .catchbase-nav-menu .sub-menu li a:hover, 
    .catchbase-nav-menu .sub-menu li a:focus, 
    .catchbase-nav-menu .children li a:hover, 
    .catchbase-nav-menu .children li a:focus {
    	color: #000000;
    }

    Regards,
    Mahesh

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Top Menu Backround and font Color’ is closed to new replies.