• I am trying to change the color of one of my Menu link items, but the color change is not showing.

    This is what I’ve done…

    1. In the style.css I added the following

    .menucolor {
    	font-style: italic;
    	color: #F00;
    }

    2. In the “CSS Classes (optional)” field, I added “menucolor”

    The Italic text is showing, but the text color is not showing.

    Here is my site. You can see that the “Design” link is italicized but not colored.

    Please help. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter bknp

    (@bknp)

    OK,
    I got it to work using the following code:

    #dropmenu li.menu-item-60 a {
    	color: #993;
    }

    BUT, now when I try to use a similar approach on this site, it doesn’t work.

    Here, I’m trying to change the color of the “Contact” menu item. I tried using similar code as above…

    #menu li.menu_item_11 a {
    	color: #FF0;
    }

    I think maybe because the menu item ID has underscores, but when I try to alter the code in firebug, I notice that the underscores disappear, and instead the ID has spaces??

    Kinda confused.

    Any insight is appreciated. Thanks again!

    Find:

    #menu li {
    list-style: none;
    float: left;
    padding-bottom: 8px;
    }

    add below:

    .menu_item_11 {
    color: #FF0;
    }
    Thread Starter bknp

    (@bknp)

    Thanks for the response.

    When I inserted…

    .menu_item_11 {
    color: #FF0;
    }

    it appeared to do nothing, but when I changed it to…

    #menu_item_11 a {
    color: #FF0;
    }

    it shows in firebug, but it’s being overridden by…

    #menu li a {
    color:#999999;
    }

    Any ideas?

    Thread Starter bknp

    (@bknp)

    After more trial and error, I got it to work on a different menu item using this…

    #menu #menu_item_27 a {
    color: #3C6;
    }

    Hope this isn’t a backwards way of doing it.

    Thanks for your help futurepocket!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom CSS Menu Color’ is closed to new replies.