How do you adjust spacing on the small labels?

What is JotForm?

JotForm is a freeonline form builder which helps you create online forms without writing a single line of code.

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.

Why do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

sgambilldesign

Asked on January 12, 2016 at 02:34 PM

The small labels that are under the fields aren't close enough to the fields they belong to. It's difficult to tell when filling out the form if the small label relates to the one above or below it.

For example, in the section for name, 'middle name' goes with the field in the middle line, but looks like it goes with the field below it (which is really 'suffix').

In another one of my forms, the spacing is perfect, so I don't know what I've done!

You can inject this CSS code and adjust the width for all the fields in the name section :

[data-type="control_fullname"] .form-sub-label-container{

width: 22%;

}

Do let us know if it helps, if not, please provide us more details about what are you trying to achieve, we will be glad to assist you.

Regards.

sgambilldesign

Answered on January 12, 2016 at 05:01 PM

I wasn't sure what to call the small labels, so knowing they are called 'sub labels' might help!

Right now, the placement of the sub labels is confusing. "prefix" is closer to the 'middle name' field than the field for 'prefix'. Can "prefix be moved up, so there is more space below it than above it?

I'm using 'prefix' as the example, but all sub labels need to be adjusted the same way.