CMS Development

alivia
Contributor

Placing a form so it overlaps with my header image

SOLVE

Hey,

I'm trying to build a page like this one: https://pages.alteryx.com/Data-Blending-Starter-Kit-Q3-W.html?

so having the for overlapping the header a little bit - though mine has a image, not just a color.

How do I do this in Hubspot?

Thanks 🙂

0 Upvotes
1 Accepted solution
Jsum
Solution
Key Advisor

Placing a form so it overlaps with my header image

SOLVE

@alivia,

 

Your example page is built kind of wierd. Each section of the form is absolute positioned for the top of the page. I'm not sure why they would break the form up into sections to position each section, let alone use absolute positioning like they did. 

 

https://jsfiddle.net/qatyj0oh/

 

Check out this fiddle. The red box is the form, the green box is a container that the form is absolute positioned to, the yellow box is the content area, and the blue box is the banner area.

View solution in original post

0 Upvotes
2 Replies 2
Jsum
Solution
Key Advisor

Placing a form so it overlaps with my header image

SOLVE

@alivia,

 

Your example page is built kind of wierd. Each section of the form is absolute positioned for the top of the page. I'm not sure why they would break the form up into sections to position each section, let alone use absolute positioning like they did. 

 

https://jsfiddle.net/qatyj0oh/

 

Check out this fiddle. The red box is the form, the green box is a container that the form is absolute positioned to, the yellow box is the content area, and the blue box is the banner area.

0 Upvotes
warnerjm
Participant

Placing a form so it overlaps with my header image

SOLVE

@Jsum

This is exactly what I want to do. I'm not yet an expert with designer but can follow directions so, what does this look like in HubSpot exactly.

0 Upvotes