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

  • Profile Image
    aaronwbryant
    Asked 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?

  • Profile Image
    abajan
    Answered 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
    aaronwbryant
    Answered 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
    abajan
    Answered 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
    aaronwbryant
    Answered 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
    Kevin_G
    Answered 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
    abajan
    Answered 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