Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #187242

    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

    (Purchase code hidden if logged out) -at-4.27.10-PM.png” alt=”result” />

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


    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




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


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.