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
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
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
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,…