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.

Testing out DISQUS

By Dave Fogel | March 12, 2010

I am testing out the DISQUS (pronounced DISCUSS) commenting system for WordPress.

Converting a site to WordPress

By Dave Fogel | March 3, 2010

So over the last two week, I have spend my free time converting my site over to WordPress. There are several reasons for this. First, I really like the ability to add plug-ins to my site. I also love how easy it is to add new pages and manage the site. There are also the…

Ten tips for passing the new Google Advertising Fundamentals Exam

By Dave Fogel | February 28, 2010

So, you have decided that it is time to finally take the test. What you might not know is that Google JUST changed over to a brand new test. Gone are the days of testing through Prometric. Google now has you download a browser to use that you must take the test with. Now, I…

Posted in

Dave Fogel

Leave a Comment