How to remove the empty spaces on the form embedded on my website?

  • cassiocanali
    Asked on February 15, 2017 at 3:52 AM
    and there are also some blank spaces in the back that I wish to eliminate
  • Support_Management Jotform Support
    Replied on February 15, 2017 at 4:18 AM

    I'll place the screenshot you sent us on this thread for reference:

    How to remove the empty spaces on the form embedded on my website? Image 1 Screenshot 40

    To remove that empty space surrounding your form, try injecting the following CSS Codes:

    .form-all {

       width: 100%;

    }

    .jotform-form {

       padding: 0;

    }

    Here's where/how to inject them:

    How to remove the empty spaces on the form embedded on my website? Image 2 Screenshot 51

    Complete guide: How-to-Inject-Custom-CSS-Codes 

    If you're using V4, click the FORM DESIGNER icon on the right > CSS tab > then paste it on the INJECT CUSTOM CSS section.

    RESULT:

    How to remove the empty spaces on the form embedded on my website? Image 3 Screenshot 62