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.

Disable WordPress Auto Formatting

By Dave Fogel | October 21, 2011

Sometimes WordPress can be extremely annoying with the Auto Formatting. Often it will add a or a where you don’t want one and it will totally mess up the look of your page. Do how do we fix this? There are a couple of options. 1. You can get a plug-in to disable the auto…

New Site launched

By Dave Fogel | July 27, 2011

This is the newest version of NetViper Interactive.com. We have removed the Powerpoint services and LeadViper Craigslist program. We will launch a new site for that program on its own. Please send us your feedback for the new site design.

Starting on Version 4.0 of the…

By Dave Fogel | March 24, 2011

Starting on Version 4.0 of the website

Posted in

Dave Fogel

Leave a Comment