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.

Google Panda 3.3

By Dave Fogel | April 11, 2012

Google released Panda 3.3 update in February. Though 40 updates were done, we haven’t seen any change in ranks for the website we do SEO for. What stands out the most to me is: Link evaluation. We often use characteristics of links to help us figure out the topic of a linked page. We have…

Google says SEO is not SPAM

By Dave Fogel | October 26, 2011

Well, it’s official. Matt Cutts, the head of Google’s Web spam team, says that SEO (Search Engine Optimization) is not spam. This is not a big surprise to many of use that have been in the industry a lot time, but it helps justify what we do to clients who are not really sure if…

WP-Admin goes blank

By Dave Fogel | October 26, 2011

This can be a serious problem and mean one of your plugins has caused a lot of problems with your site. It is a scary experience when you cannot log in to your own site. That being said, try this first. Look at your functions.php file and find any empty spaces at the top or…

Posted in

Dave Fogel

Leave a Comment