Making menu drop downs transparent

Hi All

Just thought I would share this with all.

If you want to have your drop down menu slightly transparent so that the drop down can show a little bit of the back ground page you can put this code into the Custom CSS section in Appearance, Theme Options, Styling Options, Custom CSS:-

#menu .ddsmoothmenu li li {
background-color: rgba(248, 249, 249, 0.6);
font-family: 'Arvo', serif;
font-size:12px;
line-height:15px;
text-transform:capitalize;
margin:0;
padding:0;
border-radius:none;
}
#menu .ddsmoothmenu li li a {
background-color: rgba(248, 249, 249, 0.6);
width:210px;
color:#6e6c6c;
height:auto;
float:none;
display:block;
text-align:left;
position:relative;
margin:0;
padding:10px 0;
padding-left:10px;
border-bottom:none;
font-family: 'Arvo', serif !important;
font-size:15px;
font-weight:normal;
line-height:25px;
border-radius:0;
}

The operative line is:-

background-color: rgba(248, 249, 249, 0.6);

NOTE: The colour variables: 248, 249, 249, can be changed to match the colours of your theme choice and the last variable 0.6 can be changed. 1 is solid and o (zero) is all transparent.

I found that this helped on a site I am developing for a doctor and thought I would share.....

Steve B