Styling your drop down text

With the basic wordpress install, you are able to nicely style the menu colors etc, but I have run into a problem several times where I use the same color to highlight which page I am on as the color of the background of my dropdown. So if I had a blue nav bar, my menu text is white, my page highlight is white bold and my dropdown menu is white then what happens is if you are on a page in your dropdown, the menu option vanishes into the background.

So what can you do about this?

Looking at the current page item you see this code:

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #ededed;
font-weight:bold;
}

So all you need to do is add an extra ul in there so you are now controlling the color of the drop down text. Just like this:

#access ul ul li.current_page_item > a,
#access ul ul li.current-menu-ancestor > a
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {
color: #3579a6;
font-weight:bold;
}

That should solve your problem.

Quick WP Menu Tip

By Dave Fogel | January 10, 2011

If you do not want the Parent Menu items clickable, create a custom menu item and link it to “#” (no quotes). Then put your other menu items under that one.

Creating sidebar widgets for Menus in WP 3.0

By Dave Fogel | January 10, 2011

Creating Side Bar widgets for Menus in WordPress 3.0 So you want to add sidebars to your website and do them dynamically. I am sure there are many ways to do this, but here is how I do it. You need FTP access to your wordpress site to do this. I use Dreamweaver to edit…

Upgraded to WordPress 3.0

By Dave Fogel | June 18, 2010

We have just upgraded the site to WordPress 3.0. If you see anything broken, rest assured we are working on fixing it. We look forward to all wordpress 3.0 has to offer the community and your websites.

Posted in

Dave Fogel

Leave a Comment