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 make space between these form elements?

    Asked by Triacees on May 19, 2016 at 02:12 AM

    Please have a look at my form: https://form.jotformeu.com/61321764318352

    Almost at the bottom of the form there is this section from which I took the attached screenshot.

    At  this section I want to have space between the highlighted elements. I can't figure out which HTML element is the culprit. In another section of this form I managed to get the wanted result with CSS rule: 'margin-top'.

     

    Please advise me.

    Thanks a lot in advance!

    Grtz, Cees

    Screenshot
    elements Make how section jotformeu
  • Profile Image
    JotForm Support

    Answered by Chriistian on May 19, 2016 at 04:06 AM

    You can inject the custom css below to add some space to the specified fields.

    #id_10 {

        margin-bottom: 20px!important;

    }

    You can also modify the value of the yellow highlighted text to add more space to the fields.

    If you need further assistance, please let us know.

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 19, 2016 at 06:07 AM

    Hi, I am currently checking your form. I will be back as soon as I figure out a solution.

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 19, 2016 at 06:10 AM

    Hi,

    Please try this instead

    #section_40 {

        height: 90px;

    }

    #cid_40 {

        margin-bottom: 25px! important;

    }

    The result will be as below.

     

    Is this how you want it to work?

  • Profile Image
    JotForm Support

    Answered by Boris on May 19, 2016 at 09:40 AM

    Please try using the following CSS instead:

    #section_40 {
        min-height: 90px;
    }
    #cid_40 {
        margin-top: 25px;
    }

    The changes have been highlighted in red. This code will add 25 pixels of margin above the Form Collapse tool, resulting in form appearing like this:

    Please let us know if this is what you were after, or if you need any further assistance. Thank you.