How do I decrease space between two lines on my form?

  • steelecap
    Asked on June 10, 2016 at 1:26 AM

    I am trying to decrease the space between two specific lines on my form.  

    Jotform Thread 857705 Screenshot
  • jimjotform
    Replied on June 10, 2016 at 2:25 AM

    Hi,

    You may inject Custom CSS to achieve that. I cloned your form and managed to get it positioned like this:

    How do I decrease space between two lines on my form? Image 1 Screenshot 40

    And here's your original spacing for comparison:

    How do I decrease space between two lines on my form? Image 2 Screenshot 51

    I also took the initiative of adjusting the "Tursi's Latin King" line a bit to the left using CSS so it aligns perfectly with the element on top of it. Here are the codes that I used:

    #cid_26 {

       margin-top: -20px;

       margin-left: -10px;

    }

    And this is how and where you can inject them on your dashboard:

    How do I decrease space between two lines on my form? Image 3 Screenshot 62

    Should you need to adjust the position further, just edit the values of the margins I used. Increasing the negative value of margin-top will move the element a bit higher (and vice versa). Increasing the negative value of margin-left will move the element a bit to the left (and vice versa).

    Hope that helps! Don't hesitate to reach out if you need further help.

  • Charlie
    Replied on June 10, 2016 at 3:32 AM

    Just to add what has already been shared by jimjotform, you can check the video tutorials on how to edit your form's layout using the Form Designer Tool: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms- 

    Let us know if you need further assistance on this.