felcama 23 Posted September 15, 2014 (edited) How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance! Edited September 15, 2014 by felcama Share this post Link to post
1 jgennick 5,375 Posted September 15, 2014 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 Share this post Link to post
0 felcama 23 Posted September 16, 2014 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 Share this post Link to post
0 jgennick 5,375 Posted September 16, 2014 (edited) 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. Edited September 16, 2014 by JonathanGennick Share this post Link to post
0 felcama 23 Posted September 24, 2014 Hey Jonathan, Wow! Thank you so much! This new rule worked fine. Just what was looking for. Share this post Link to post
0 Grep1964 0 Posted February 13, 2016 (edited) dropdown{opacity:0.7} Edited February 13, 2016 by Grep1964 Share this post Link to post
How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance!
Edited by felcamaShare this post
Link to post