Removing Padding from top of form

  • Profile Image
    Asked on February 27, 2018 at 06:24 PM


    I cannot find the place to edit the top padding to be 0px instead of 60px. I have tried in multiple places, including in the form itself. 

    Please advise to how we can make the padding drop to 0px for the form. I believe this may be where the logo would sit, if we had one at the top of our form. COuld that be causing the padding to revert back to 60px? We are embedding this form on an existing page of our website, so there is no logo or anything at the top of the form. In the attachment, please notice the white space between the end of our existing text, and where the form begins. We have no extra spaces on the page or anything; it is surely padding on the form which is causing the white space. 

    Thank you, 

    Kurt Feil

    (520) 869-0184

  • Profile Image
    Answered on February 27, 2018 at 08:44 PM

    You are correct. There is a padding at the top by default. You need to use a custom CSS to remove that. Here's the code:

    .jotform-form {
    padding: 0 0 !important;

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:


    Hope that helps. Thank you.