How can I tighten up a form/remove additional spaces

  • Profile Image
    Asked on April 07, 2016 at 06: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!!


  • Profile Image
    Answered on April 07, 2016 at 09:43 PM


    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.


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

    Let us know if you need further assistance on this.


  • Profile Image
    Answered on April 07, 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.
  • Profile Image
    Answered on April 08, 2016 at 02:54 AM


    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.

  • Profile Image
    Answered on April 08, 2016 at 01: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....??
  • Profile Image
    Answered on April 08, 2016 at 02: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.

  • Profile Image
    Answered on April 08, 2016 at 02:22 PM

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

    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:

    Or, through Preferences:

    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.