Adjust the top and bottom spacing in the form

  • Profile Image
    Asked on May 28, 2015 at 12:10 PM

    I have just one more item that I would like to be able to adjust and that is the large space above and below the actual form. I have made sure to place the script in dreamweaver at the exact place that I would like for the form to begin and have it set to 'top', but the form shows up as if I have added several space above the script.

    Is there a resolution for that? Many thanks again!

  • Profile Image
    Answered on May 28, 2015 at 12:18 PM

    Simply inject the following custom CSS codes to adjust the top and bottom padding of the form:

    .jotform-form {

      padding: 0;


    Then you can add the following CSS codes to adjust the top and bottom margins:

    .form-all {

    margin-top: 40px;

    margin-bottom: 40px;


    Add these at the bottom of the existing codes in the form. Here's how:


  • Profile Image
    Answered on May 28, 2015 at 03:47 PM

    Thanks so much Welvin for your help! This worked perfectly!