CMS Development

ensonbrandon
Member

Added a form to landing page and it blocks out the background image

SOLVE

As it says in the title.

 

I have a landing page with a background image.

 

I added a form with a few lines of information to fill out but when I check the page it's just a white box. I cannot find a way to allow the background image to come through. I've Googled for well over an hour...

0 Upvotes
1 Accepted solution
John
Solution
Top Contributor | Platinum Partner
Top Contributor | Platinum Partner

Added a form to landing page and it blocks out the background image

SOLVE

right now there is a line of css that you need to disable

Screen Shot 2019-04-16 at 1.38.47 PM.png

Get rid of the line below and your bg image won't be cut off.

height: 500px;


I like kudos almost as much as cake – a close second.

View solution in original post

8 Replies 8
stefen
Key Advisor | Partner
Key Advisor | Partner

Added a form to landing page and it blocks out the background image

SOLVE

@ensonbrandon can you share a preview link?

Stefen Phelps, Community Champion, Kelp Web Developer
ensonbrandon
Member

Added a form to landing page and it blocks out the background image

SOLVE

@stefen 

 

I've tried this tutorial as well (https://community.hubspot.com/t5/Share-Your-Work/Custom-Background-Image-Module-Update/td-p/183752) but there is still no BG image. I have tried with nothing else on the page, no avail.

0 Upvotes
ensonbrandon
Member

Added a form to landing page and it blocks out the background image

SOLVE

@stefen @John 

 

Here's a view into my form difficulties. It is protruding into the footer and across the page. Also, this includes the design manager view.

Screen Shot 2019-04-11 at 3.41.07 PM.pngScreen Shot 2019-04-11 at 3.42.44 PM.png

0 Upvotes
John
Top Contributor | Platinum Partner
Top Contributor | Platinum Partner

Added a form to landing page and it blocks out the background image

SOLVE

preview linkpreview link

 

we cant help you unless you give a previewable link



I like kudos almost as much as cake – a close second.

ensonbrandon
Member

Added a form to landing page and it blocks out the background image

SOLVE

@John 

 

http://atlaslifttech-3350260.hs-sites.com/atlas-arjo?hs_preview=YkuOzjMO-8777704248

 

My apologies! Here it is. Thanks for the picture! Still trying to get the hang of things.

0 Upvotes
John
Solution
Top Contributor | Platinum Partner
Top Contributor | Platinum Partner

Added a form to landing page and it blocks out the background image

SOLVE

right now there is a line of css that you need to disable

Screen Shot 2019-04-16 at 1.38.47 PM.png

Get rid of the line below and your bg image won't be cut off.

height: 500px;


I like kudos almost as much as cake – a close second.

ensonbrandon
Member

Added a form to landing page and it blocks out the background image

SOLVE

https://app.hubspot.com/design-previewer/3350260/templates/5309915208

 

I changed something now, and cannot get the background image the way it was. But the form below it was cutting it off before.

0 Upvotes
John
Top Contributor | Platinum Partner
Top Contributor | Platinum Partner

Added a form to landing page and it blocks out the background image

SOLVE

hi @ensonbrandon , one reason no one has responded to this is because the preview link you shared is a link to the page editor, not the preview link. We still can't see your problem.



I like kudos almost as much as cake – a close second.