Removing Padding from top of form

  • kjfeilhof
    Asked on February 27, 2018 at 6:24 PM

    PROBLEM: 




    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

    kfeil@hallofframes.com


    Jotform Thread 1399311 Screenshot
  • Jan
    Replied on February 27, 2018 at 8: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:

    151978171902 28 l2h0i Screenshot 10

    Hope that helps. Thank you.