I'm currently in the process of designing a WordPress template and focusing on customizing the menu. Here is what I have created so far:
http://jsfiddle.net/skunheal/Umkyr/
However, there are two minor issues that I am struggling to address. In WordPress, the active menu item is given the class .current_page_item. How can I style this particular item?
This is what I came up with:
Styling for normal menu items:
ul.dropdown a {
text-decoration : none;
font-family : verdana;
color : #3f89d2;
display : inline-block;
background-color : #FFF;
padding : 8px 15px 0 15px;
box-shadow : 0 0 10px #CCC inset;
width : auto;
height : 25px;
}
Styling for active menu item:
.current_page_item a {
background-color : #096;
}
Unfortunately, it does not seem to be working as intended. Any ideas on why this might be happening?
Thank you in advance, Merijn