How to reduce space between each question?

  • CM2008
    Asked on January 3, 2017 at 3: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

  • AIDAN
    Replied on January 3, 2017 at 3: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.

  • CM2008
    Replied on January 3, 2017 at 4: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

  • AIDAN
    Replied on January 3, 2017 at 4: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.

  • CM2008
    Replied on January 4, 2017 at 1: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 How to reduce space between each question? Image 1 Screenshot 20

     

  • AIDAN
    Replied on January 4, 2017 at 2:02 PM

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

    How to reduce space between each question? Image 1 Screenshot 20