Bedford: how to change drop down menu background opacity using CSS code?

How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance!

Try this rule:

.subnav {opacity: 0.5;}

Does that give the effect you're after?

Move the value between 0 and 1 for lighter and darker.

Jonathan Gennick, Author: Learn CSS for Squarespace

Thanks for your help, Jonathan.

I tried and it worked, but I was looking for a slightly different effect. Your rule controls the transparency of the background box and the typeface all together. I would like to set the transparency of the background box to "0.1", make it almost invisible, but keep the typeface, the actual menu subitem name, 100% visible. Do you think that's possible?

Thanks again,

Felipe

Well. Felipe, I don't know how I managed to look at what I was doing and yet not see. You're absolutely correct.

Try this instead:

.subnav {background-color: rgba(0,0,255,0.1) !important;}

Then you might find the following page helpful for explaining how that rgba color syntax works:

http://www.w3schools.com/cssref/csscolorslegal.asp

Basically, the values are red, green, blue, and an opacity.

Hey Jonathan,

Wow! Thank you so much! This new rule worked fine. Just what was looking for.

dropdown{opacity:0.7}