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.

Styling your drop down text

By Dave Fogel | February 10, 2011

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…

Contact Form 7 Clear textarea

By Dave Fogel | February 4, 2011

Last time we talked about how to clear the input labels on Contact From 7 using a slight hack to the code. This is great for simply using input labels, but what about a text area? As I quickly found it, it doesn’t work. Why is doesn’t work is because the text area is controlled…

Completed Google Analytics Essentials

By Dave Fogel | February 3, 2011

I just finished the Google Analytics Essential Training on Lynda.com. I thought it was well done and I did learn a few new things to help me better understand web traffic and how we can use GA to increase sales. The course is about four and a half hours, so it does take some time,…

Posted in

Dave Fogel

Leave a Comment