Jump to content

Transparent background code not working anymore

Go to solution Solved by tuanphan,

Recommended Posts

Hi guys,

 

I launched this site for a client last year and the code I used on most pages to create a transparent background to be able to see the video looping in the back doesn't seem to work anymore. 

Here's the code I used on the homepage. 

Basically, the first section contains the video background is is sticky, the next section has a transparent background and scrolls over.

Website: https://www.adamtabura.com

//homepage

section[data-section-id="62831f28f35bd842f0d4b03f"] {
  position: sticky !important;
  top: 0px;
}


section[data-section-id="6282ec0605378468086aaf30"] {
  background-color: transparent !important;
  top: -75vh;
  
  .section-background { background-color: transparent !important;
}
}

Not sure if FE updates interfere with the code. I haven't done any changes to the site, it just suddenly stopped working.

Thank you for any pointers.

ezgif.com-gif-maker-2.gif

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

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

×
×
  • 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.