Title: Custom CSS Menu Color
Last modified: August 19, 2016

---

# Custom CSS Menu Color

 *  [bknp](https://wordpress.org/support/users/bknp/)
 * (@bknp)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/)
 * 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.](http://shelterblurb.com) 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](https://wordpress.org/support/users/bknp/)
 * (@bknp)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/#post-2021699)
 * 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](http://shelterbowl.com),
   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](https://wordpress.org/support/users/futurepocket/)
 * (@futurepocket)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/#post-2021708)
 * Find:
 *     ```
       #menu li {
       list-style: none;
       float: left;
       padding-bottom: 8px;
       }
       ```
   
 * add below:
 *     ```
       .menu_item_11 {
       color: #FF0;
       }
       ```
   
 *  Thread Starter [bknp](https://wordpress.org/support/users/bknp/)
 * (@bknp)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/#post-2021715)
 * 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](https://wordpress.org/support/users/bknp/)
 * (@bknp)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/#post-2021730)
 * 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.

 * 4 replies
 * 2 participants
 * Last reply from: [bknp](https://wordpress.org/support/users/bknp/)
 * Last activity: [15 years, 1 month ago](https://wordpress.org/support/topic/custom-css-menu-color/#post-2021730)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics