How to reduce space between each question?

  • Profile Image
    CM2008
    Asked 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
    AIDAN
    Answered 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
    CM2008
    Answered 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
    AIDAN
    Answered 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
    CM2008
    Answered 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
    AIDAN
    Answered on January 04, 2017 at 02:02 PM

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