Space between the header and the first set of fields

  • corelight
    Asked on January 5, 2017 at 3:42 PM

    Hi - I need to reduce the distance between a header and the first row of fields in the form referenced below.  I have tried all the CSS injection approaches in the forum and none of these approaches has changed anything.  Can you help me resolve this problem?  Thanks - Mike

    Jotform Thread 1026841 Screenshot
  • Support_Management Jotform Support
    Replied on January 5, 2017 at 5:18 PM

    I noticed you tried the following CSS codes:

    li#id_20 {

        margin-top : -100px !important;

    }

    h2.form-header {

        margin-bottom : -100px !important;

    }

    Please remove those and replace them with these:

    .form-header-group {

       padding-bottom: 0;

       margin-bottom: 0;

    }

    NOTE: If you wish to reduce the space even further, just adjust the margin-bottom to a negative value (e.g. -10px).

    BEFORE:

    Space between the header and the first set of fields Image 1 Screenshot 30

    AFTER:

    Space between the header and the first set of fields Image 2 Screenshot 41

  • corelight
    Replied on January 10, 2017 at 4:44 PM

    Thanks!