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 reduce space between each question?

    Asked by CM2008 on January 03, 2017 at 03:34 PM

    Hello, 

     

    I tried on the designer, but it's not working. I think I need some code...

    I need it reduced by about a 3rd.

     

    Thanks, Scott

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 03, 2017 at 03:53 PM

    Hi Scott, thank you for contacting us.

    While working on reducing the spacing as you requested, I took the chance to visit the custom CSS code you already have and tidy it up a bit.

    Please replace all the custom CSS code that you currently have, with this code:

    .form-submit-button {

        margin-right : 19px;

    }

     

    .form-textbox {

        padding : 11px;

        border-radius : 3px;

        border-color : #c4bcbc;

    }

     

    .form-all {

        padding-bottom : 20px;

    }

     

    .form-line  {

        margin-top : -15px !important;

    }

     

    For completeness, here's the tutorial on how to inject custom CSS code to a formhttps://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Finally, I created a corrected form in case you would like to clone ithttps://form.jotform.com/70025950693962

    If you need further assistance please let us know. We will be happy to help. Thank you.

  • Profile Image

    Answered by CM2008 on January 03, 2017 at 04:09 PM

    Hello,

    That has messed up my form.

    It has changed the width and created a background and shadow. 

    Can you help please. 

    It's the same when I clone it I keep loosing the original width and background etc. 

    How can I clone without that happening?

     

    Thank you, Scott

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 03, 2017 at 04:22 PM

    Hi Scott, could you please revert back to your original form and apply only this bit?

    .form-line  {

        margin-top : -15px !important;

    }

    What I did is, I cloned your form and then started working based on that clone. The bit above is pretty much the only addition I introduced, so it should fit with your original custom CSS to suit your needs.

    Please let me know how that goes, and if you still have issues please get back to me, ideally with a screenshot or so, and I will make sure your form will be laid out exactly as you have it in mind. Thank you.

  • Profile Image

    Answered by CM2008 on January 04, 2017 at 01:12 PM

    Hello, No, that is making it worse.

    Please can you help get it back.

    1. Remove background and shadow, it should be transparent. 

    2. Make the submit button the same size

    3. increase width

    It look like this before

     

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 04, 2017 at 02:02 PM

    Hi, Could you please check now? I attached a screenshot of the result live: