[resolved] Changing Color of One Menu Item (10 posts)

  1. cms2043
    Posted 2 years ago #


    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,

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

  3. cms2043
    Posted 2 years ago #

    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?

  4. the theme needs the more specific style:

    #pagenav #menu-item-1654 a { color: #c00; }
  5. cms2043
    Posted 2 years ago #

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

  6. It looks red to me.

    Site cache plugin? Clear browser cache?

  7. cms2043
    Posted 2 years ago #

    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.

  8. 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

  9. cms2043
    Posted 2 years ago #

    That worked. Thanks Josh!

  10. You bet!

    (Please mark thread as resolved to help others)

Topic Closed

This topic has been closed to new replies.

About this Topic