I've been learning CSS using Firebug & the internet when I get stuck, but I just can't figure out this one item. I've changed the menu link colors using the Edit CSS plugin, and so far so good. Except for the current menu item. I pulled out that section and coded it like I want it, but it's just not changing. Would anyone be able to head over to http://www.progressiveinsanity.com/test and let me know where to find the culprit that is causing my current menu link to not change?
is what I have coded. Basically, I want everything to stay the same except the link for the current page should be all caps and underlined. I tried taking out everything except for the decoration & transform but that didnt work either. There must be something I'm missing?div#menu1 ul.rMenu li.current-menu-item a:link {
color: #FFFFFF!important;
background: #990000;
font: bold 14px Arial, Verdana, sans-serif;
margin: 0;
text-decoration: underline;
text-transform: uppercase;
}
Thank you for your help.
~Ky