CMS Development

alivia
Colaborador

Placing a form so it overlaps with my header image

resolver

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 Me gusta
1 Soluciones aceptada
Jsum
Solución
Asesor destacado

Placing a form so it overlaps with my header image

resolver

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

Ver la solución en mensaje original publicado

0 Me gusta
2 Respuestas 2
Jsum
Solución
Asesor destacado

Placing a form so it overlaps with my header image

resolver

@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 Me gusta
warnerjm
Participante

Placing a form so it overlaps with my header image

resolver

@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 Me gusta