Support » Fixing WordPress » Changing Color of One Menu Item

  • Resolved cms2043



    My site is

    I am trying to change the color of ‘Browse Holiday Gifts’ on my Navigation Menu.
    I found a response to a similar question on the forum, and it directed the user to add the following to the end of the style.css:

    .tab-2 a { color: #c00; }

    My question is, how do I know what tab or page id to put before the color change?
    Where can I find this?

    Thank You,

Viewing 9 replies - 1 through 9 (of 9 total)
  • try working with a browser inspection tool such as Firefox’ add-on Firebug or Chrome’s developer tool, to find out which styles are responsible for formatting the one menu item, or what css selector the item has.

    in your case this would be:

    #menu-item-1654 a { color: #c00; }

    Thanks Alchymyth. I downloaded the Firebug add on and saw where to locate the id.

    I added the code to the end of my style.css but nothing happened. Any idea what I did wrong?

    the theme needs the more specific style:

    #pagenav #menu-item-1654 a { color: #c00; }

    I made the change but it didn’t work. The color is still black.



    Moderator and Editor Customizer

    It looks red to me.

    Site cache plugin? Clear browser cache?

    Ok that is wacko. It is still black on both Safari and Firefox on my computer but I just checked on my phone and it is red…

    Must be something wrong with my computer. Glad it worked!

    Thanks for your help alchymyth.



    Moderator and Editor Customizer

    Clear your browser cache.


    1. Tools -> Options
    2. “Privacy” tab
    3. History -> Clear all current history
    4. Make sure “Cache” is selected in popup window
    5. Clear cache

    That worked. Thanks Josh!



    Moderator and Editor Customizer

    You bet!

    (Please mark thread as resolved to help others)

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing Color of One Menu Item’ is closed to new replies.