Title: Simple CSS. Change menu color
Last modified: September 14, 2016

---

# Simple CSS. Change menu color

 *  [tanckom](https://wordpress.org/support/users/tanckom/)
 * (@tanckom)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/)
 * Hello,
 * I got an issue with my Menu. I want change for example at “Product” submenu the
   color of “Instagram” however it doesnt work:
    [https://xs-sol.com/](https://xs-sol.com/)
 * Anybody know which CSS code can change it?
 * Already tried:
 *     ```
       #menu-item-6013.menu-title{
         background-color: #6C00F9 !important;
         color:#6C00F9 !important;
       }
       ```
   
 * But didnt work

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8182587)
 * You should not edit the theme itself. First [create a child theme for your changes](https://codex.wordpress.org/Child_Themes).
   Or install a [custom CSS plugin](https://wordpress.org/extend/plugins/search.php?q=custom+css).
 *  Thread Starter [tanckom](https://wordpress.org/support/users/tanckom/)
 * (@tanckom)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8182594)
 * I am already using a custom CSS plugin. And I’m trying to edit it via that plugin
   but it wont work
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8182657)
 * Try using Firefox with the [Firebug add-on](http://getfirebug.com/) for this 
   kind of CSS troubleshooting. Or use whatever developer tool is available in your
   web browser.
 *  Thread Starter [tanckom](https://wordpress.org/support/users/tanckom/)
 * (@tanckom)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8183829)
 * I used the Browsers-build-in troubleshooters and couldnt find anything on how
   to do this.
 *  [Md. Zikrul Ahsan](https://wordpress.org/support/users/pipasha/)
 * (@pipasha)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8188831)
 * Try…
 * #mainnav ul ul li a {
    background-color: #ff00ee; }
 *  Thread Starter [tanckom](https://wordpress.org/support/users/tanckom/)
 * (@tanckom)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8193018)
 * Tried that, and it works, but I need it for that ONE menu only. Not for all
 *  [Md. Zikrul Ahsan](https://wordpress.org/support/users/pipasha/)
 * (@pipasha)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8193848)
 * Then create another class
 * #mainnav ul ul li a.AProduct{
    background-color: #ff00ee; }
 * Add this class as product menu class

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

The topic ‘Simple CSS. Change menu color’ is closed to new replies.

 * 7 replies
 * 3 participants
 * Last reply from: [Md. Zikrul Ahsan](https://wordpress.org/support/users/pipasha/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/simple-css-change-menu-color/#post-8193848)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics