Reducing space between label and field

  • yojana.chandgothia
    Asked on October 6, 2022 at 12:56 AM

    Hi Jotform team

    Is there a way to reduce vertical spacing between paragraph field and input fields in the next line?

    As per instructions in the support pages, I have added label using 'Paragraph' field but it's also inserting a lot of space between the label and input fields in the next line.

    Attaching screenshot with red highlight showing where I would ideally prefer the input fields.

    Thanks

    Jotform Thread 4431331 Screenshot
  • Eleph_M
    Replied on October 6, 2022 at 1:08 AM

    Ho yojana.chandgothia,

    I can't seem to replicate the issue. Can you share your form link so I can check and come up with a solution.


    Eleph

  • yojana.chandgothia
    Replied on October 6, 2022 at 4:53 AM

    Hi Eleph

    Thanks for the reply.

    Here's the form link: https://form.jotform.com/201901917740048


    Regards

  • Fahad JotForm Support
    Replied on October 6, 2022 at 5:20 AM

    Hi Yojana,

    Thanks for providing the form link. You can easily reduce the spaces between the vertical fields by using custom CSS.

    Please add the following custom CSS code to the Form designer Inject CSS panel under the Styles tab.

    .form-html > p{
     margin: 0px 10px;
    }
    .form-line {
      padding: 0px 10px;
    }


    1665048023 633e9dd712ee9 injectcssspaces Screenshot 10

    Please check this guide about How to Inject Custom CSS Codes.

    Give it a try and let us know how it goes.

  • yojana.chandgothia
    Replied on October 6, 2022 at 8:05 AM

    Hi

    I think I found the reason for the issue.

    As you can see, the good form (i.e. first screenshot) has filters in it where as the 'bad' form (i.e. second screenshot) does not show filters.

    All good, now that I understand the issue I can workaround it. Thanks for your help


    1665057772 633ec3ec6c98c Good Conditions Screenshot 10

    1665057771 633ec3ebe9441 Bad Conditions Screenshot 21