Title: different colors menu wordpress
Last modified: August 21, 2016

---

# different colors menu wordpress

 *  [abidine](https://wordpress.org/support/users/abidine/)
 * (@abidine)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/)
 * Hello
 * i use theme Twenty Twelve i want make different colors menu
 * like this
 * [http://www.webkia.com/wp-content/uploads/2012/11/different-color-for-menu-tabs.png](http://www.webkia.com/wp-content/uploads/2012/11/different-color-for-menu-tabs.png)
 * thanks

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

 *  [x500.net](https://wordpress.org/support/users/x500/)
 * (@x500)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664204)
 * add css class to each menu element and style each class in style.css file.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664207)
 * You could do it with CSS nth-child
 *     ```
       .nav-menu li:nth-child(1) { background: brown; }
       .nav-menu li:nth-child(2) { background: blue; }
       .nav-menu li:nth-child(3) { background: green; }
       ```
   
 * And so forth.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664208)
 * > add css class to each menu element
 * Twenty Twelve uses the `wp_nav_menu` function that already generated classes 
   in each menu item.
 * > style each class in style.css file
 * Can cause scalability issues, but perfectly legitimate.
 *  Thread Starter [abidine](https://wordpress.org/support/users/abidine/)
 * (@abidine)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664211)
 * thank you its work
 *  [x500.net](https://wordpress.org/support/users/x500/)
 * (@x500)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664216)
 * Please note that :nth-child selector in Internet Explorer works since version
   9. You’ll need to use JavaScript code such as [http://selectivizr.com/](http://selectivizr.com/)
   or [IE9.js](https://code.google.com/p/ie7-js/) to make it work in IE8 and earlier.

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

The topic ‘different colors menu wordpress’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [x500.net](https://wordpress.org/support/users/x500/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/different-colors-menu-wordpress/#post-3664216)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics