Form Embedded in Squarespace via iFrame Is Causing the Background Image of the Page to Become Enlarged

When I embed my form into my squarespace page it makes the background image behind the form enlarge or zoomed in. How can I make this stop?

Please try adding position: absolute; and background-color: #FFF; to the style attribute of the JotForm iFrame, so that it becomes

style="position: absolute;
            background-color: #FFF;
            width: 100%;
            height: 514px;
            border: none;"

and inform us as to if it helps.

Thanks

That's working except now it is not showing the title on my form at the top.

My tests indicate that adding yet another declaration to the style element should fix that. Add margin-top: 100px; so that the style attribute now becomes

style="position: absolute;
      background-color: #FFF;
      width: 100%;
      height: 514px;
      border: none;
      margin-top: 100px;"

I believe this should correct that issue but if it doesn't be sure to let us know and we'll see what other workarounds we can provide.

Cheers

That worked, thanks!

Hi,

I've checked your form and I can see you were able to increase the size of the product thumbnails.

To assist you better, I've moved your second question to this thread : 

http://www.jotform.com/answers/709188

I will answer there.

Thanks.

There's another way to increase the size of the product images but as that's a different topic to what is being discussed here, I've moved the conversation to this other thread: http://www.jotform.com/answers/709282

Cheers