Can space between lines be removed?

  • connectionsmagazine
    Asked on March 16, 2015 at 6:19 PM

    Looking through the editor, all obvious ways of removing space between lines to get a 'tighter' look for the form have been adjusted, yet the form is still too spaced apart horizontally. Is there a way to crunch everything together?

  • Charlie
    Replied on March 16, 2015 at 11:01 PM

    Hi,

    I assume that this is the form you are working on: http://www.jotform.com/50746940013652. I see that you have already adjusted the line spacing of it in the Form Designer, is that correct?

    Can space between lines be removed? Image 1 Screenshot 30

    If you would still like to further adjust the line height or spacing in between, you could use a custom CSS code for that. I've cloned your form and made the changes in my end. Here's my sample form: http://form.jotformpro.com/form/50748320808961. To clone my form, you can check this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Here's the custom CSS code that I used:

    .form-line {

        line-height : 0px;

    }

    #id_4, #id_10 {

        padding-top: 10px;

    }

    Can space between lines be removed? Image 2 Screenshot 41

     

    To find out more about custom CSS using the form Designer, you may check this guide: http://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-.

    I hope this helps. Do let us know if you need more information on this.

    Thank you.