What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Adjust the padding top and bottom of the form

    Asked by Jon Best  on April 26, 2015 at 12:17 AM

    Under Designer > Color Scheme, there is a label for the "Background" area which surrounds the "Frame" area but I don't see any way either under "Design" or "CSS" tabs to do so.  When previewing the form, the top and bottom areas look much too big for my tastes.  Is there a way to make them shorter?

    <div_prefs id="div_prefs">

    height designer form designer padding padding top padding bottom
  • Profile Image
    JotForm Support

    Answered by Jan on April 26, 2015 at 12:02 PM

    You need to inject this custom CSS on the class jotform-form and override the 90px padding vertically by using the !important rule.

    .jotform-form { padding: 30px 0 !important; }

    Here's a guide on how to inject custom CSS. Take note that you can change the value of the padding depending on how big you want it to be.

    Hope this works. Thank you.

  • Profile Image

    Answered by Jon_Best on April 26, 2015 at 11:17 PM

    It worked.  Thanks for your help.

    <div_prefs id="div_prefs">