CMS Development

alivia
Mitwirkender/Mitwirkende

Placing a form so it overlaps with my header image

lösung

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 Akzeptierte Lösung
Jsum
Lösung
Autorität

Placing a form so it overlaps with my header image

lösung

@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.

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
2 Antworten
Jsum
Lösung
Autorität

Placing a form so it overlaps with my header image

lösung

@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
Teilnehmer/-in

Placing a form so it overlaps with my header image

lösung

@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