JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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.Thank you
To adjust the space between the form fields and the sub-labels, try adding the following CSS codes:
This is where/how you can insert the CSS codes:
Complete guide: How-to-Inject-Custom-CSS-Codes
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.
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:
Here's a cloned copy of your form showing the adjusted spacing (by 5px): https://jotform.com/63058118072957