Custom CSS Menu Color

  • bknp

    (@bknp)


    15 years, 1 month ago

    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)

    15 years, 1 month ago

    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!

    futurepocket

    (@futurepocket)

    15 years, 1 month ago

    Find:

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

    add below:

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

    (@bknp)

    15 years, 1 month ago

    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)

    15 years, 1 month ago

    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.