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.
Difficulty aligning form label and form sub-label with correct CSS code.Asked by Advolink1 on March 16, 2017 at 05:19 AM
Can you please help me align the field label and field sub-label for one of my fields on my form located at: https://www.jotform.com/build/70697157728167#preview
The second row under STEP 2 on my form has a field with misaligned label and sub-label. I can't seem to get the correct CSS code to align it with the field. The field is in the correct place and I was able to place it where it needs to be. The labels, however, want to shift to the left where a former field existed that I no longer need.
Any help would be much appreciated.
Are you referring to this form https://form.jotform.us/70697157728167?
And these fields:
We'll be glad to help, but please give us more information about how you would like to re-arrange your labels.
We'll wait for your response.
Yes. I am referring to the dangling field title "Accident" and the sub-title "Benefit". In the CSS, I successfully moved the field to align with the Accident field above because I want the Accident fields aligned underneath one another. The last entry in my CSS code reflects the hard-coded location of the field, but the field title and sub-title do not follow the moved field.
I hope this clarifies what I want.
Please try changing the #input_76 in the CSS code injected to #id_76 so that the labels along with the input field will be aligned.
margin-left : 160px;
The field should be displaying as shown below:
Hope this information helps!
OMG! Thank you so much for helping me with something so basic!
Thank you, again!
You are welcome. It's our pleasure to assist you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.
Thank you for using JotForm!