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.

Signed up For ClickTale

By Dave Fogel | January 12, 2011

We are always looking for better ways to get data from the web. Clicktale is a pretty cool product that allows you to generate heatmaps of you site and find out what people are doing. There is a free trial. Check it out. www.clicktale.com

Adding WordPress 3.0 Menu support to your older site

By Dave Fogel | January 12, 2011

I have come across this a few times when updating older sites to WordPress 3.0 that the fancy new menu system in WP3.0 doesn’t work. Fortunately, this is an easy fix. First off, you will be editing your functions.php file, so make a backup! Now, add this code to your funtions.php file: add_action( ‘init’, ‘register_my_menus’…

Having Multiple Footers in wordpress

By Dave Fogel | January 11, 2011

Sometimes I like to have multiple footers for a site, or at least one for the homepage and one for the rest of the site. Fortunetly, wordpress makes this really easy to do. WordPress has a special template tag for including them into your theme: This function will accept only one parameter, a string, which…

Posted in

Dave Fogel

Leave a Comment