Using CSS classes in WordPress Menus

There is a little known feature in the WordPress 3.x version that allows you to apply a CSS class to individual menu items. This video shows you how to apply…

5 Responses to Using CSS classes in WordPress Menus

  1. Luis Martínez April 27, 2013 at 7:25 pm #

    How to change the color of one menu (text and background)?

  2. Duncan Isaksen-Loxton April 28, 2013 at 12:37 am #

    You will need to have your menu produce an element id for each menu item
    individually, then you can target that id with CSS selectors to hit the
    item you want to change. WordPress also adds the class “current_page_item”
    to the item you are currently looking at, and allows you to highlight the
    current page.

  3. Jeffrey Rickard July 8, 2013 at 1:52 am #

    I am a wordpress expert and I created a series of 55 video tutorials about
    wordpress. WordPress developers agree that this is the best wordpress
    training ever. please visit my channel and find the link I have posted for
    this training

  4. demel50 November 6, 2013 at 6:52 pm #

    Where can I find css classes of a theme in order to use them in WordPress
    Menus?

  5. Duncan Isaksen-Loxton November 7, 2013 at 7:43 pm #

    +demel50 you will need to use a tool like Firebug to inspect the HTML and
    find the classes that your particular theme uses. To do this (in Chrome and
    Firefox) right click on a menu item, and hit Inspect Element. This will
    open a window at the bottom, showing you the HTML. You are looking for
    class=” and the names fo the classes appear in there. 

Leave a Reply