Background is enlarged when the form is embedded on weebly

  • Profile Image
    Asked on July 14, 2016 at 10:16 PM

    Lovely Wedding theme looks perfect in the Jot Form preview of my form - that is, the background is fixed in place and correctly sized, the form scrolls over the image (we have a long form) and the couple and the flowers (on the left of the image) show in the window.  

    Once imported into Weebly,  the background is stretched, the form background is fixed, and the couple and flowers do not show at all.   See 


    I have tried to fix this but am having no luck.  Help!  


    please 'CC" answer to  

  • Profile Image
    Answered on July 14, 2016 at 11:45 PM

    I am able to replicate the issue at my end when the form is embedded on my Weebly test site. The form seems to be displaying properly when using the direct link and it happens only when the form is embedded.

    Please allow me some time to run few tests to see what exactly causing the issue and get back to you.

    Thank you for your patience.

  • Profile Image
    Answered on July 15, 2016 at 12:08 AM

    I see that the background height is adjusting automatically since the complete form is being displayed without scrolling when the form is embedded. Could you try embedding the form using iframe embed code with the script provided below?

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="yes"> </iframe>

    You may use the Embed code to add this custom HTML on your web page.

    Let us know if that helps. Please get back to us if you need any further assistance. We will be happy to help.

    Unfortunately, we do not have a feature to copying additional email addresses to the responses. However, you may check the answer posted by using the thread direct link. Here is the link to this thread.

    Thank you!