why is there so much space on the top of my form (above the image) when i embed it into a web page?

  • Profile Image
    AaronSiciliano
    Answered on April 28, 2015 at 01:16 PM

    Hello AnnucoLLC,

     

    It appears as though you have already taken all of the padding out of the .form-all element with custom css. You need to repeat this process and remove the 60px of padding from the .jotform-form class as well.

    This is what the form looks like on your page with the padding removed.

     

     You need to add a custom CSS style to the page.

     

    .jotform-form {

    padding:0px;

    }

     

    You can add this by opening your form in the form builder and clicking on the preferences button. Under the Form Styles tab you can enter new CSS into the Inject Custom CSS input box.

     

  • Profile Image
    Carina
    Answered on April 28, 2015 at 03:05 PM

    As suggested by Aaron please add the following css code:

    .jotform-form {

    padding:0px !important;

    }

    Let us know if we can assist you further.