WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Changing Color of One Menu Item

[Resolved] Changing Color of One Menu Item

  • cms2043
    Participant

    @cms2043

    Hello,

    My site is http://www.thepaisleybox.com.

    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,
    Colleen

Viewing 9 replies - 1 through 9 (of 9 total)
  • Michael
    Forum Moderator

    @alchymyth

    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; }

    cms2043
    Participant

    @cms2043

    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?

    Michael
    Forum Moderator

    @alchymyth

    the theme needs the more specific style:

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

    @cms2043

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

    Josh
    Participant

    @josh401

    It looks red to me.

    Site cache plugin? Clear browser cache?

    cms2043
    Participant

    @cms2043

    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.

    Josh
    Participant

    @josh401

    Clear your browser cache.

    Firefox:

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

    cms2043
    Participant

    @cms2043

    That worked. Thanks Josh!

    Josh
    Participant

    @josh401

    You bet!

    (Please mark thread as resolved to help others)

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