How to make space between these form elements?

  • Profile Image
    Asked on May 19, 2016 at 02:12 AM

    Please have a look at my form:

    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
    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
    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
    Answered on May 19, 2016 at 06:10 AM


    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
    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.