Jump to content

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

Recommended Posts

  • Replies 5
  • Views 16.9k
  • Created
  • Last Reply

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,


Link to comment

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:


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

Link to comment
  • 1 year later...


This topic is now archived and is closed to further replies.

This topic is now closed to further replies.
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.