Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0


Site URL: https://tarpon-lavender-jbyy.squarespace.com/

Password to the site is: TEMP

I'm having problems making the header opacity appear semi-transparent. The options when editing the header are simply solid colour, or fully transparent. What I'm trying to achieve is a semi-transparent header, that has an opacity of 50%.

The site is on the Eldridge template, so Squarespace 7.1

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 1


You can use this code. You can change the last value (0.5) between 0 - 1, to adjust how transparent the color is. BTW is this your company? If so super cool 🙂

/* Add this code to Design -> Custom CSS */

#header {
background: rgba(0,0,0,0.5);


Philadelphia, PA

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan


Share this post

Link to post
  • 0

Thanks @RyanDejaegher

That CSS update has worked perfectly, the only issue is the Folder dropdowns are still solid black, is there a way I can make these display in the same way as the header i.e. semi-transparent with 50% opacity?

The company is a friend of mines, but one I'm really fond of - they're definitely super cool in my opinion too.

Really appreciate you taking the time to help!

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...