How to reduce space between elements in my iframe embedded form

  • Mimich
    Asked on February 14, 2017 at 9:54 AM

    Hi, I have created a form and I would like to know how to reduce the space between the  elements in my form. The space I am referring to is shown in the following screenshot with and arrow:

    I want to lift it just a bit, cause the space is little too much and its not necessary

     

    How to reduce space between elements in my iframe embedded form Image 1 Screenshot 30

    Here is my form builder in this form screenshot:

    How to reduce space between elements in my iframe embedded form Image 2 Screenshot 41

  • Ashwin JotForm Support
    Replied on February 14, 2017 at 1:07 PM

    Hello Mimich,

    Please let us know the webpage URL where you have embedded your form and we will take a look.

    You may also like to inject the following custom css code in your form and see if that solves your problem:

    div#cid_26 {

        margin-top: -20px;

    }

    The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    We will wait for your response.

    Thank you!

  • Mimich
    Replied on February 15, 2017 at 2:11 PM

    Hi, I tried this it didn't work. Thanks

  • BJoanna
    Replied on February 15, 2017 at 4:15 PM

    Please provide us URL of the webpage where your form is embedded, or ID of your form. 

    You can also check this guides: 

    https://www.jotform.com/help/62-How-Can-I-Change-Spacing-Between-Questions 

    https://www.jotform.com/form-designer/tuts/episode3/