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

  • Profile Image
    kevin2759
    Asked on June 10, 2016 at 01:26 AM

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

  • Profile Image
    jimjotform
    Answered on June 10, 2016 at 02:25 AM

    Hi,

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

    And here's your original spacing for comparison:

    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:

    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.

  • Profile Image
    Charlie
    Answered on June 10, 2016 at 03: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.