What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to position sections to avoide large & untidy empty vertical spaces

    Asked by Thymefood on October 17, 2013 at 08:30 AM

    Hi

    I need to tidy up my form which has questions with varying number of options, which results in untidy & unequal vertical lengths. I'd like to tidy it up. pls ref to attached screen grab.

     

    Thanks

    Page URL:
    http://www.jotform.com//?formID=32882077275462

    Screenshot
    sections thanks attached
  • Profile Image

    Answered by EliezerN on October 17, 2013 at 10:57 AM

    Thanks for contacting us.

    To accomplish what you need just insert this CSS code to your form:

    #id_18

    {

    position:relative !important;

    bottom:100px !important;

    }

    #id_19

    {

    position:relative !important;

    bottom:140px !important;

    }

    #id_81, #id_83, #cid_80, #id_62, #id_73,

    #id_63, #id_64, #id_65, #id_66, #id_74,

    #id_84, #id_68, #id_71

    {

    position:relative !important;

    bottom:100px !important;

    }

    Your form will look in this way: 

    If you need more or less space between the fields yo can edit the values I've highlighted in the code.

    To know how to insert CSS codes to your form, please follow this guide: How to inject custom CSS codes

    Please let us know if you need further assistance with this, let us know.

    Thanks