How can I tighten up a form/remove additional spaces

  • SELC
    Asked on April 7, 2016 at 6:50 PM

    Hi, I'm wondering how to get rid of unwanted spaces in my form. If you look at the form attached- an example is between the My Best Gift and the Monthly giving links. 

    I guess I'd like to know how to get rid of or shrink the space between elements I place on my form.

     

    Thank you for your help!!

     

    Jotform Thread 813351 Screenshot
  • jonathan
    Replied on April 7, 2016 at 9:43 PM

    Hi,

    You can do further adjustment on the Line Layout property of the form using the Form Designer.

    See image below where to do this on your Form Builder.

    How can I tighten up a form/remove additional spaces Image 1 Screenshot 20

     

    You can also view the Form Designer video guide on form spacing here.

    Let us know if you need further assistance on this.

     

  • cassandrafalcon
    Replied on April 7, 2016 at 10:46 PM

    It'd be great if they could do this for the pdf attachment in the email. Because I have the online form how I want it, but the pdf is all spaced out and takes 9 pages to print.
  • Mike_G JotForm Support
    Replied on April 8, 2016 at 2:54 AM

    @cassandrafalcon

    I have moved your concern to a new thread because we believe that we can better assist our users if they will have a thread of their own for every question that they have to avoid confusion with the answers. Click this link to go to the new thread. Thank you.

  • SELC
    Replied on April 8, 2016 at 1:45 PM
    Hi, I tried using the form and lining options but I still cannot tighten up
    the space between the monthly giving link and the my best gift link....??
    ...
  • Mike_G JotForm Support
    Replied on April 8, 2016 at 2:00 PM

    I will try to check for a possible solution to your issue and get back to you as soon as I have found any. 

    Please wait for my response on this thread. 

    Thank you.

  • Mike_G JotForm Support
    Replied on April 8, 2016 at 2:22 PM

    First, please edit the text "Monthly Giving" and remove the extra line in it. 

    How can I tighten up a form/remove additional spaces Image 1 Screenshot 40

    Please try to add the CSS code below to your form.

    [data-type=control_text] {

      height: 25px !important;

    }

    Here's how you can add it.

    Through Designer:

    How can I tighten up a form/remove additional spaces Image 2 Screenshot 51

    Or, through Preferences:

    How can I tighten up a form/remove additional spaces Image 3 Screenshot 62

    Or, you can follow the steps on this guide, How-to-Inject-Custom-CSS-Codes

    I hope this helps. Otherwise, please feel free to get back to us and we will be glad to help you further. Thank you.