Adjust the line spacing for the Headers

  • innovation.authority
    Asked on May 28, 2022 at 1:55 PM

    See configuration and outcome regarding line spacing in the ""Header"

    1653732885 6291f615cd0de Head spacing Screenshot 10

    The Vertical Margin and the Vertical Padding at the Headers are not as expected.

  • Gilbert JotForm Support
    Replied on May 28, 2022 at 2:20 PM

    Hello,

    Regarding the line spacing of the Header, do you mean you want to adjust the space between the Header and Sub-header? If so, you can add this CSS code to your form:

    .form-header {
      margin-bottom : -10px;
    }


    This code should decrease the margin below the Header which should make the Sub-Header closer to it. Feel free to adjust the value of the "margin-bottom" property. Here's what it looks like in the form:

    1653761591 629266375ae2a  Screenshot 10


    If you want to decrease the line spacing of the Header with the element above it, you can add the "margin-top" property.

    .form-header {

      margin-bottom : -10px;

      margin-top : -40px;

    }

    1653761883 6292675b0fe16  Screenshot 21

    Give it a try and let us know if you need any other help.

  • innovation.authority
    Replied on May 29, 2022 at 5:31 AM

    Thanks,

    Ofer