Question

I’ve been working on a dropdown menu here http://watercookies.topfloorstudio.com/

I want the main menu items (Engage, Play, View, etc…) to have the text-shadow but not the dropdown menu items.. I’ve tried specific selectors which didn’t work and I tried classes applied to only those elements and the sub li elements still had the text shadow. Any suggestions?

Answer 1

Add “text-shadow: none” to this line in your CSS.

ul#main-nav li ul li {
    float: none;
    font-size: 0.5em;
    **text-shadow: none;**
}