WordPress 3.0 Menus CSS

Reading time: Approximately 3 minutes

For those of us not using Thesis theme (hello? Anyone?) you might have come across the new Menus features when you upgraded your WordPress to version 3.0.

I’ve held off changing the menu system over from using the defaul Hybrid theme menu out of fear. I tentatively checked what it would look like and it seemed that there would be some nasty CSS changes which I’d need an hour or so to do.

Well today I finally found that hour and I’ve updated my menu to use WordPress 3.0′s menu system. It’s really not all that hard, here’s the CSS I used:

#primary-menu {
	padding-left: 35px;
	color: #000000;
	background: #ffffff;
	margin-top: 120px;
	margin-bottom: 0;
	height: 30px;
}
 
#primary-menu li {
	margin-right: 1px;
	background: #bbbbbb;
}
 
#primary-menu li:hover a:hover {
	background: #2DC30B;
	text-decoration: none;
	color: #ffffff;
}
 
#primary-menu li.current-menu-item a {
	background: #585858;
	color: #ffffff;
}
 
#primary-menu li.current-menu-item:hover a:hover {
	background: #585858;
}
 
#primary-menu li a,  li.menu-item a {
	background: #bbbbbb;
	color: #000000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	border: none;
 
}

Feel free to steal this CSS and use on your own website!

Easy Menu Management

And now that I’ve got my menu sorted to work with WordPress 3.0, it’s really easy to administer the menu using the inbuilt system as you can see below:

Took me a minute to figure out how to create submenus, it’s quite simple really. Just drag your menu item to the right a little underneath the menu item you want it to appear.

I highly recommend switching over to the core menu system, it make managing your menus a breeze.

Related articles by Zemanta

• 5 WordPress 3.0 Ready Themes (kimwoodbridge.com)
• Adding a sub-menu in the wordpress admin menu (amit-agarwal.co.in)
• O?uz Serdar: 30 Smashing Free WordPress 3.0 Themes | VisonwidGet (visionwidget.com)
• WordPress 3 and What You Can Do! | AEXT.NET MAGAZINE (aext.net)
• Open Question: How much CSS and PHP to put in an intro WordPress book? (trishussey.com)