Remove spacing around form (.form-all)

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

  • Profile Image
    Welvin
    Answered 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
    Melcox
    Answered on September 18, 2015 at 12:00 PM

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

  • Profile Image
    Shadae
    Answered 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