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

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

  • Profile Image
    ibrahim
    Answered 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
    jfullwiler2
    Answered 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
    Charlie
    Answered 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.