Question spacing now shows12px 36px 12px 36pxinstead of the 3 in the ex

  • Profile Image
    ddfcform
    Asked on August 15, 2012 at 04:04 PM

    Question spacing now shows

    12px 36px 12px 36px

    instead of the 3 in the example.



    This is a re-post of a comment on How to Reduce Vertical Spacing Between Fields

  • Profile Image
    idarktech
    Answered on August 15, 2012 at 04:11 PM

    Hi,

    Yes that's different when you are on Nova Theme (default theme that's set on your form). Here's an explanation:

    top padding is 12px

    right padding is 36px

    bottom padding is 12px

    left padding is 36px

    As you can see the top/bottom padding are 12px, you can change this in order to reduce the space between fields. You can also change the left/right padding if you want. Our form is highly customizable so feel free to change anything on your form. If you run into any problems, just let us know here so that we can assist you further.

    Thanks for using JotForm!

  • Profile Image
    prophc
    Answered on October 31, 2012 at 09:47 PM

    I found I have the same issue, but when I change the top and bottom padding values, nothing changes on my form. Is there an issue with this? 

  • Profile Image
    jeanettebmz
    Answered on October 31, 2012 at 10:50 PM

    @prophc

    can you please refer the form you are having issues with so we can inspect further?

  • Profile Image
    prophc
    Answered on November 01, 2012 at 01:13 PM

    http://form.jotform.us/form/23038726860153 this is the one I'm having issues with. 

  • Profile Image
    NeilVicente
    Answered on November 01, 2012 at 01:32 PM

    @prophc

    Please try replacing the Question Spacing value with a numeric character (for example: 2). Let us know if it makes any difference or not. 

  • Profile Image
    prophc
    Answered on November 01, 2012 at 01:35 PM

    I've done that. I went through most of the threads on here regarding the spacing before I posted my question. It doesn't matter if I put in 12, or 2 or change the px, it stays the same.

    I thought maybe it was because of my custom css, but I've tried making other forms as well and they seem to have the same issue.

  • Profile Image
    NeilVicente
    Answered on November 01, 2012 at 01:45 PM

    Sorry about that. I fogot to mention that your form has these codes injected to it:

    ::-webkit-input-placeholder {color: #303030;}:-moz-placeholder {color: #303030;}
    .form-textbox, .form-textarea, .form-dropdown {
    border: 1px solid #606060;
    }
    .form-dropdown {font-size: 1em !important;}
    .form-line {
    padding: 5px 0px 5px 0px !important;
    }.form-header-group{
    margin-left:0px !important;
    }
    input, textarea, select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    select, option { {
    color: #303030 !important;
    }

    The codes in red are what keeps the question spacing from being unchanged. Please delete that to be able to adjust spacing.

    Note: the Nova template was designed to use large spacing between all form elements. If you intend to decrease the spacing further, more custom css will need to be added.

    In my opinion, it would be better to use the default template if further customization is what you're trying to achieve.

  • Profile Image
    prophc
    Answered on November 01, 2012 at 01:49 PM

    Okay, thank you so much for your help! Going to go give that a try, and see what happens :)