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


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.


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.