How to decrease the padding or margin of header

  • eridamega
    Asked on May 3, 2017 at 5:08 PM

    Hi. 

    With CSS how to decrease the green and orange space of my form?

    I do not know what the header selector is.

    form https://www.jotform.com/70370538955665

    thanks

    How to decrease the padding or margin of header Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on May 3, 2017 at 6:51 PM

    There's no need to use CSS, you can adjust them in the form designer. It's quick and easy.

    Here's how:

    1. Open the Form Designer then go to Advanced Designer

    How to decrease the padding or margin of header Image 1 Screenshot 40

    How to decrease the padding or margin of header Image 2 Screenshot 51

    2. Click the header field in your form, this will show the header styles in the right panel. 

    Then adjust the padding and margin values of the header field.

    How to decrease the padding or margin of header Image 3 Screenshot 62

    However, if you prefer CSS, you can use the following.

    .form-header-group{

    padding:10px;

    margin:10px;

    }