Title: Menu Background CSS
Last modified: August 20, 2016

---

# Menu Background CSS

 *  [WP Libra](https://wordpress.org/support/users/wpbum/)
 * (@wpbum)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/)
 * This one is really beating me up.
 * [http://websitemedialab.com/freedomgroup/about-us/](http://websitemedialab.com/freedomgroup/about-us/)
 * I want to change the color pink on About Us and I am getting nowhere trying to
   do it. I can’t even find where it is getting this color from.
 * Any help would be lovely!

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822625)
 * the background color seems to be coming from styles that are embedded into the
   head section of the site; possibly from some theme options or plugin (?)
 * as this is a commercial theme, please contact the theme’s seller for support 
   with your question.
 * or try to work with Firebug [http://getfirebug.com/](http://getfirebug.com/) 
   or a similar tool to get closer to the source of these styles.
 * [**edit**]
    the embedded styles are alerady using !important; example: `#mainnav.
   current-menu-item > a, #mainnav .sf-menu .current-menu-parent > a{ background-
   color: #DA0033 !important;}`
 * therefore, the next will be near impossible:
    [**end edit**]
 * as a last resort, consider to use `!important` with your styles to force your
   edits.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822627)
 * line 101 of internal CSS — view source says it’s “custom CSS”
 *     ```
       #mainnav .current-menu-item > a, #mainnav .sf-menu .current-menu-parent > a {
           background-color: #DA0033 !important;
       }
       ```
   
 *  Thread Starter [WP Libra](https://wordpress.org/support/users/wpbum/)
 * (@wpbum)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822633)
 * Thanks WPyogi
 * I forget sometimes not to just use firebug and have to actually view source. 
   🙂
 *  Thread Starter [WP Libra](https://wordpress.org/support/users/wpbum/)
 * (@wpbum)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822635)
 * [@alchymyth](https://wordpress.org/support/users/alchymyth/)
 * Problem is this theme is calling this CSS somewhere. Looking at the theme options
   and header.php I dont see where it is calling it. Big issue is that it is being
   loaded last so I can overwrite the !important
 * I would think it is using a hook but cant find it in functions.php either.
 * Guess Ill need to find the person who was working the site before me and asking
   them how they did these edits.
 * Thanks
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822640)
 * try to create an ‘extreme-selective’ css style;
 * this example seems to be working from within style.css:
 *     ```
       #mainnav #menu-home-page-menu li.current-menu-item > a { background: green!important; }
       #mainnav #menu-home-page-menu li.current-menu-item > a:hover { background: orange!important; }
       ```
   
 * obviously, you need to consider all possible pseudo styles, and parent and ancestor
   items…

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

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

 * 5 replies
 * 3 participants
 * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/)
 * Last activity: [13 years, 11 months ago](https://wordpress.org/support/topic/menu-background-css/#post-2822640)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics