Title: Menu
Last modified: August 21, 2016

---

# Menu

 *  [thaisnavarro](https://wordpress.org/support/users/thaisnavarro/)
 * (@thaisnavarro)
 * [12 years ago](https://wordpress.org/support/topic/menu-80/)
 * Hi!
 * I would like to centralize the menu and change the background / text / mouse 
   over colors.
 * How can I do that?
 * Thanks!

Viewing 1 replies (of 1 total)

 *  [kinkythought](https://wordpress.org/support/users/kinkythought/)
 * (@kinkythought)
 * [12 years ago](https://wordpress.org/support/topic/menu-80/#post-4772638)
 * I’m also wondering how to center the header because I can’t quite get it right,
   but what you want to play with are these selectors for the bg/mouseover colors:
 * To change the mouseover background color:
 *     ```
       .main-navigation a:hover,
       .main-navigation ul li.current-menu-item a,
       .main-navigation ul li.current_page_ancestor a,
       .main-navigation ul li.current-menu-ancestor a,
       .main-navigation ul li.current_page_item a,
       .main-navigation ul li:hover > a {
       	color: #YOUR FEATURE COLOR;
       	background-color:#COLOR OF YOUR CHOOSING;
       }
       ```
   
 * You’ll probably want to adjust the padding and margins on the bar itself to make
   those colors span the height:
 *     ```
       .main-navigation {
       	padding-top: 0;
       	padding-bottom: 0;
       }
       ```
   
 * I adjusted the height of the links to make the padding even up. You might want
   to play around with the height and padding numbers in this section.
 *     ```
       .main-navigation a {
       	color: #444444;
       	display: block;
       	float: left;
       	padding: 16px 16px 16px;
       	height: 20px;
       }
       ```
   
 * There could be an easier way to do this for sure, but what’s hardcoded into the
   css where i’m showing “feature color” is the default green color. The feature
   color you select in the theme options is going to override this and I’m not 100%
   how to override that in the css, so I just selected the feature color I wanted.
   You could try adding an !important to those lines maybe?

Viewing 1 replies (of 1 total)

The topic ‘Menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/spacious/1.9.12/screenshot.jpg)
 * Spacious
 * [Support Threads](https://wordpress.org/support/theme/spacious/)
 * [Active Topics](https://wordpress.org/support/theme/spacious/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/spacious/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/spacious/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 1 reply
 * 2 participants
 * Last reply from: [kinkythought](https://wordpress.org/support/users/kinkythought/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/menu-80/#post-4772638)
 * Status: not resolved