Hi!

I'd like to have one of the photos to be at the very top of the website. The header is it's own block so I can't drag up an element over it. Is it possible to 'override' this? 

Yes, you can remove the first section top pushing with CSS can you share your website URL?

Hi, 

It would be great to see how that works! Currently still working out the layout without importing my domain so hope this works: 

turkey-spinach-knmk.squarespace.com 

PW: 0000

Magic. Thanks so much! Would the same principle work for the footer as well? 

15 minutes ago, Theislandlee said:

Magic. Thanks so much!

Can you mark my post as the solution and give it a like?

16 minutes ago, Theislandlee said:

Would the same principle work for the footer as well? 

No not in the same way. What do you want it to look like?

I was thinking of having a an element that starts from the footer so that it goes throughout the website. Instead of having a 'footer' block.

So the overlapping content would be different on each page?

It would be great to have this style of overlapping content only in the home page 🙂. Also not a crisis if not. 

Does this work for you:

#collection-6633d2315928ca18af5010e7 {
  #footer-sections {
    z-index: 10;
    margin-top: -10vh;
  }
  #footer-sections {
    :not(.has-background) .section-background {
      background-color: transparent !important;
    }
    .page-section .section-border {
      background-color: transparent !important;
    }
  }
}

Hmm, I'm not sure what the code is supposed to do exactly but I'm not able to drag the image below through the footer section from the section above nor can i drag the background image above from the footer. If that makes sense

It pulls the footer up by 10vh and gives it a transparent background, works great in my testing if you want an overlap of the footer and content.

I can see on your website that it's working, it's just that your footer is huge and you have no content in the section above the footer.

Hmm, I've tried putting an image as background but I clearly see where the section ends instead of it looking like it's continuing above the upper section. I've tried putting an image block instead as well and it also gives the same result.

Try adjusting the values in the code until it overlaps the correct amount. Add the image to the section, not the footer.

This is what I got so far. I still see a white space below. The graphic element is quickly put together as 1920x1080. obviously i think the aspect ratio is off. 

V2. with more proper pixels in the background image. but the white margin below still remains. Wonder if there's a possible way to have it all the way down.

Fixed it using alignment settings! 

Nice one!