Dropdown Menu – change font colour

  • Author
    Posts
  • #155031

    Hi there – how do I change the colour of the font in the drop down element of my main menu. At the moment it a grey colour, it doesn’t stand out very well against the background colour.

    Also can i amend the colour of when a page is selected… at the moment if you are on that page the font is black… and again I will would just prefer it was white

    Thanks

    The blog I need help with is beechnooktherapy.wpcomstaging.com.

    #155770

    anhtnt
    Theme Author

    Hi,

    To change the color of the dropdown menu, please use this CSS:

    .main-menu li li a {
        color: #your color;
    }

    And this is the CSS for the current menu item:

    .main-menu > ul > li:hover > a,
    .main-menu > ul > li.current-menu-item > a,
    .main-menu > ul > li.current-menu-ancestor > a {
        color: #your color;
    }
    #155897

    Thanks – but sorry it doesn’t seem to work. When i click ‘About’, the items in the drop down are still a grey colour unfortunately. Do you think the issue could be to do with some of the other CSS i’m using on the site? Thanks

    #155898

    I’ve already got CSS on there to change the background colour on those main menu items but its the grey font colour that i need to change on the drop down because it isn’t clear on the dark green background

    #156015

    anhtnt
    Theme Author

    Can you try this CSS:

    .main-menu li li a {
        color: #fff;
    }
    .navbar .main-menu li li:hover > a,
    .navbar .main-menu li li.current-menu-item > a,
    .navbar .main-menu li li.current-menu-ancestor > a {
        color: #fff;
    }
    #156084

    Yes that works – thank you!

The topic ‘Dropdown Menu – change font colour’ is closed to new replies.