What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by aaronwbryant on November 20, 2015 at 06:10 PM

    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?

    Page URL:
    www.senderohatco.com/wholesale

    background image squarespace image expands image zooms in embedded form page background form enlarges image
  • Profile Image
    JotForm Support

    Answered by abajan on November 20, 2015 at 06:50 PM

    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

  • Profile Image

    Answered by aaronwbryant on November 20, 2015 at 07:49 PM

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

  • Profile Image
    JotForm Support

    Answered by abajan on November 20, 2015 at 08:15 PM

    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

  • Profile Image

    Answered by aaronwbryant on November 20, 2015 at 08:23 PM

    That worked, thanks!

    I've got another question. What css can I use to increase the size of the product thumbnails?

    Also, what css can I use to add a description to each product?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 20, 2015 at 10:53 PM

    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.

  • Profile Image
    JotForm Support

    Answered by abajan on November 21, 2015 at 08:29 AM

    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