Reducing space between label and field

  • Profile Image
    yojana.chandgothia
    Asked on October 06, 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

    Screenshot
  • Profile Image
    Eleph_M
    Answered on October 06, 2022 at 01: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

  • Profile Image
    yojana.chandgothia
    Answered on October 06, 2022 at 04:53 AM

    Hi Eleph

    Thanks for the reply.

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


    Regards

  • Profile Image
    Fahad
    Answered on October 06, 2022 at 05: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

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

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

  • Profile Image
    yojana.chandgothia
    Answered on October 06, 2022 at 08: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

    1665057771_633ec3ebe9441_Bad Conditions