Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 12, 2013 at 2:28 pm #187242
    iGSam

    1) I added the following code to custom.css file

    .custom-menu-item {
    color: green;
    background: lightgray;
}

    2) then I specified optional class in Appearance/Menus in WP back-end for the item I want to change color of
    3) the result I get is – the background is changed, but color doesn’t

    result

    Tell me please How to change color and hover color of an individual header menu item?

    November 12, 2013 at 2:53 pm #187256
    iGSam

    I figured it out:

    Add the following code to your custom.css:

    #top .main_menu .menu .custom-menu-item a { color:red; }
#top .main_menu .menu .custom-menu-item a:hover { color: green; }

    Then go to WP Appearance/Menus and set “custom-menu-item” class in the “CSS Classes (optional)” of your menu item.
    If you can’t find “CSS Classes (optional)”, then please watch this quick video: http://www.youtube.com/watch?v=5Uncd4pjTuE

    Thanks)

    November 12, 2013 at 2:57 pm #187264
    Yigit

    Hi!

    Glad you figured it out! Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to change color of an individual menu item?’ is closed to new replies.