I was having trouble changing the color of the submenus on my first implementation of Dreamweaver’s Spry Menu Bar. I went with the horizontal variety for the site I was working on and futzed around with the provided Spry CSS file for over an hour before I concluded that it was missing something. Here’s the code you need to add to the end of the code in the SpryMenuBarHorizontal.css file if it doesn’t already exist somewhere in your file (change the values to suit, of course):
/* THE FOLLOWING ALLOWS YOU TO CHANGE THE FONT COLOR, BACKGROUND COLOR, ETC. OF THE SUBMENUS */
#MenuBar1 .MenuBarSubmenuVisible a {
color: #333;
background-color: #CCC;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
#MenuBar1 .MenuBarSubmenuVisible a:hover {
color: #FFF;
background-color: #828788;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
Happy Dreamweaving.