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 do I adjust the spacing of my sub labels?

    Asked by fhpw on November 01, 2016 at 12:07 AM

    When viewing my form, there is no spacing between the text box or drop down and sub label.  I added a CSS Inject to adjust the margin. In design mode, it looks correct.  In preview mode it is the same.

    Page URL:
    https://form.jotform.com/fhpw/membership_renewal

    sub labels sub adjust how
  • Profile Image
    JotForm Support

    Answered by Jim_R on November 01, 2016 at 02:58 AM

    To adjust the space between the form fields and the sub-labels, try adding the following CSS codes:

    .form-sub-label {

       padding-top: 5px;

    }

    This is where/how you can insert the CSS codes:

    Complete guide: How-to-Inject-Custom-CSS-Codes 

    RESULT:

  • Profile Image

    Answered by fhpw on November 01, 2016 at 08:37 PM

    Thanks. I see the difference in the design mode as shown above, but not in browser or on mobile devices.  Is there something I am missing?

    Shown below is the view with no padding after inserting recommended CSS inject.

  • Profile Image
    JotForm Support

    Answered by Jim_R on November 01, 2016 at 10:07 PM

    There was an error on a code block just right above the CSS codes you injected:

    Just remove that code block highlighted above, save your changes, then view your form.

    For comparison, I'll show the before and after:

    BEFORE:

    AFTER:

     

    Here's a cloned copy of your form showing the adjusted spacing (by 5px): https://jotform.com/63058118072957

  • Profile Image

    Answered by fhpw on November 03, 2016 at 10:37 AM

    That worked!

     

    Thanks,