How to Overlay an Image Across Different Sections in Squarespace

Discover how to achieve a sleek and professional look by overlaying an image across multiple sections in Squarespace. Follow this easy step-by-step guide to elevate your site's design!

Let’s dive in…

Watch the video

Check out the YouTube video below 👇

So, how can we make an image span across two different sections in Squarespace, like I have on my own website?

Start by adding the image or video to the section above the one you want to merge into. Then, edit the section where the image is located. Within the editor, toggle the "Fill Screen" option off. This will make the image extend down toward the section below.

Then, add a shape block to the section you just edited.

Drag that shape block to full width across the site so it looks like this:

Then, bring the image forward by clicking the button within the red lines.

And boom! You now have an image that spans across two different sections in Squarespace. You can now style it to match your desired look.

And now you've learned how to create the effect of an image spanning across two sections in Squarespace using simple steps and styling it to fit your design!

Your designer

I'm Victor Rolf, an expert Squarespace designer .If you'd like to discuss a potential project, you can email me at victor@rolfmade.com or get in touch here. Alternatively, book a free 15-minute consultation call here.