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

    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.

    Denise 

    Page URL:
    https://www.jotform.com/build/70697157728167#preview

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 16, 2017 at 05:41 AM

    Hello Denise,

    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.

    Thank you!

  • Profile Image

    Answered by Advolink1 on March 16, 2017 at 12:17 PM

    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.

     

    D

  • Profile Image
    JotForm Support

    Answered by Kiran on March 16, 2017 at 02:33 PM

    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.

    #id_76 {

        margin-left : 160px;

    }

    The field should be displaying as shown below:

    Hope this information helps! 

     

     

  • Profile Image

    Answered by Advolink1 on March 16, 2017 at 03:56 PM

    Kiran,

    OMG!  Thank you so much for helping me with something so basic!

    Thank you, again!

    D

  • Profile Image
    JotForm Support

    Answered by Kiran on March 16, 2017 at 05:07 PM

    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!