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 do I make all the spacing the same in my form?

    Asked by Puliz on February 18, 2016 at 03:05 PM

    Ive attached an example of one I found on the 'net.  Is it possible to make it look this clean?

    Page URL:
    https://form.jotform.com/60205130334943

    Screenshot
    same all Make in
  • Profile Image
    JotForm Support

    Answered by david on February 18, 2016 at 06:18 PM

    We can definitely help with adjusting any fields you need.  The driving distance widget in your form looks to be too wide for the form for starters. 

    In the custom CSS section of the widget, add this code:

    input#ddFrom{
    width : 290px;
    }
    input#ddTo{
    width : 290px;
    }

    You can adjust the values to adjust the width of those two inputs.

    If there is anything specific you would like changed, let us know and we will be happy help.

  • Profile Image

    Answered by Puliz on February 19, 2016 at 11:05 AM

    The vertical spacing is an issue, too.  Mine is all different and the words in some of the bullet choices are messed up.

  • Profile Image
    JotForm Support

    Answered by david on February 19, 2016 at 12:09 PM

    For the the vertical spacing, you can add this code to reduce the spacing above and below the HTML fields:

    .form-html {
    margin-top : -15px;
    margin-bottom : -15px;
    }

    As for the words in the bullet choices, if you wouldn't mind clarifying what specifically is messed up, we will be happy to help adjust those as well.

  • Profile Image

    Answered by Puliz on February 19, 2016 at 12:19 PM

    I fixed it.  Just was wanting to lay out the whole thing like the graphic I posted. 

  • Profile Image
    JotForm Support

    Answered by david on February 19, 2016 at 01:21 PM

    Glad to hear it.  If there is anything else we can assist you with, let us know and we will be happy to help.

  • Profile Image

    Answered by Puliz on February 19, 2016 at 02:52 PM

    How do I adjust the space between the elements separately?  I dont see ways of entering CSS in some of them?

  • Profile Image
    JotForm Support

    Answered by david on February 19, 2016 at 04:16 PM

    The easiest way to apply CSS to a single element is to open your form in the designer.  Then, click on the CSS tab:

    After you click on the CSS tab, double click on any specific part of the form to bring up the ID and CSS options for that element. 

  • Profile Image

    Answered by Puliz on February 19, 2016 at 04:54 PM

    Im trying to change the gap at the top of this element.  It doesnt seem to be working.

     

  • Profile Image
    JotForm Support

    Answered by david on February 19, 2016 at 06:21 PM

    For the radio button fields, adding this code would remove the top margin:

    #id_4 {
        margin-top : -15px;
    }

    #id_6 {
        margin-top : -19px;
    }

    This would be the resulting form:

    https://form.jotform.com/60486601129151