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

    Remove spacing around form (.form-all)

    Asked by Melcox on September 16, 2015 at 03:48 PM

    Hi

    The Form designer wont let me put anything outside of .form-all and the designer won't let me ditch it - is there a way I can?! I want to use an iFrame but only embed the contents of the .form-all Div.

    remove spacing form designer
  • Profile Image
    JotForm Support

    Answered by Welvin on September 16, 2015 at 05:23 PM

    I think you should embed the form to your website and see what will happen whether the spacing is still there. If there are issues, let us know the page URL so we can also check it.

    Looking at the form, the padding is already removed so the form should suppose to fit now in your website. Basically, I'm not sure what spacing are you referring to. Is it the spacing between fields?

    I have added the following custom CSS codes to your form:

    .form-all {

        margin: 0;

        padding: 0;

    }

    Thanks

  • Profile Image

    Answered by Melcox on September 18, 2015 at 12:00 PM

    It's the spacing around the .form-all div

  • Profile Image

    Answered by Shadae on September 18, 2015 at 03:28 PM

    Hi Melcox,

    The CSS code provide by my colleague removes all spacing from the .form-all:

    .form-all {

        margin: 0;

        padding: 0;

    }

    If you are still having spacing when embedding your form, please provide us with the webpage that your form is embedded on so that we can better assist you.

    You can also inject the following CSS code into your form:

    .jotform-form {

        margin: 0;

        padding: 0;

    }

    Thank you