How to make space between these form elements?

  • Profile Image
    Triacees
    Asked 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

  • Profile Image
    Chriistian
    Answered 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
    Chriistian
    Answered 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
    Chriistian
    Answered 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
    Boris
    Answered 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.