Adjust the padding top and bottom of the form

  • Profile Image
    Jon Best 
    Asked 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">

  • Profile Image
    Answered 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 on April 26, 2015 at 11:17 PM

    It worked.  Thanks for your help.

    <div_prefs id="div_prefs">