Row space doesn't match with all others

  • Profile Image
    gcsmarketing
    Asked on February 03, 2021 at 06:09 PM

    I have too much row space after my first row and the second. All other row spacing is the same.

    I've injected the following and change the line layout to my specifications. Any help?

    https://www.jotform.com/build/210144959979168/publish

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

    .form-input, .form-textarea, .form-textbox {

      width : 100% !important;

    }

  • Profile Image
    jherwin
    Answered on February 03, 2021 at 10:02 PM

    If you are referring to the first name field then you can inject the CSS code below to your form to fix the issue:

    .page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]), .page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
      margin-top: 0px;
    }

    Please give it a try and let us know how it goes.