Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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

    result

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

    #187256

    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)

    #187264

    Hi!

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

    Cheers!
    Yigit

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.