Jump to content

Overlap form from one section to another

Recommended Posts

  • Replies 2
  • Views 272
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hey Emily,

You could try targeting the block and simply giving it a negative margin. Would advise to only apply this to desktop and not mobile though!

So something like:

@media screen and (min-width: 641px) {


margin-top: -150px !important;
z-index: 9999 !important;




Sam Crawford | by Crawford.
Multi-award-winning Squarespace expert
💸 How I make $500k/year designing Squarespace websites: Watch the video
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
38 minutes ago, EmilyLewis said:

Hey all, I would like to know how I could overlap a form from one section to another. There is a divider on.

Often the simplest way is to use a background image (with the half black/white) and a single section. It's not perfect, but the use of negative margins isn't perfect either.

Squarekicker offers some good and easy ways to do this, but it does cost

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.