Changing Color of One Menu Item

  • Resolved cms2043

    (@cms2043)


    11 years, 5 months ago

    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

    (@alchymyth)

    11 years, 5 months ago

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

    Thread Starter cms2043

    (@cms2043)

    11 years, 5 months 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?

    Michael

    (@alchymyth)

    11 years, 5 months ago

    the theme needs the more specific style:

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

    (@cms2043)

    11 years, 5 months ago

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

    Josh

    (@josh401)

    11 years, 5 months ago

    It looks red to me.

    Site cache plugin? Clear browser cache?

    Thread Starter cms2043

    (@cms2043)

    11 years, 5 months 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.

    Josh

    (@josh401)

    11 years, 5 months ago

    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

    Thread Starter cms2043

    (@cms2043)

    11 years, 5 months ago

    That worked. Thanks Josh!

    Josh

    (@josh401)

    11 years, 5 months ago

    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.