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

    Extra white space around iframe widget (form within a form)

    Asked by jfullwiler2 on July 01, 2015 at 11:07 PM

    Hello,

      I found general Q&A about white space around an iframe embed, but I am having problem with unnecessary white space around my iframe widget within my form.

    Any suggestions how to make the iframe widget tighter so it fits better within my form?

    Thanks!

     

    Jared

    Page URL:
    http://form.jotform.me/form/51738258178466

    Screenshot
    iframe widget form within a problem iframe embed thanks hello
  • Profile Image
    JotForm Designer

    Answered by ibrahim on July 02, 2015 at 07:26 AM

    Hi,

    You can inject CSS code for extra spacing. Here's sample code: 

    @media screen and (max-width: 768px) and (min-width: 480px) {

    .jotform-form {

     padding: 0;

    }

    }

    .form-line {

      padding: 0px 36px;

    }

    Thanks.

     

  • Profile Image

    Answered by jfullwiler2 on July 02, 2015 at 10:08 PM

    Thanks for the code, would this be going in the "mother" form or the "child" form?

  • Profile Image
    JotForm Support

    Answered by Charlie on July 03, 2015 at 12:41 AM

    Hi,

    I see that your form has also another form embedded in it, I assume that you are referring to that as the child form.

    The code that my colleague shared can be applied to both the main form and child form. Depending on which form.

    In this case, I believe you need to open the child form (http://form.jotform.me/form/51741334875459) in the form builder and inject this code instead:

    .jotform-form {

    padding-top: 0px !important;

    }

    .form-all {

    padding-top: 0px !imporant;

    }

     

    Let us know if that works. Make sure that you paste that code in the child form and not in the main form.

    Thanks.