Difficulty aligning form label and form sub-label with correct CSS code.

  • zoiglobal
    Asked on March 16, 2017 at 5: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 

  • Nik_C
    Replied on March 16, 2017 at 5:41 AM

    Hello Denise,

    Are you referring to this form https://form.jotform.us/70697157728167?

    And these fields:

    Difficulty aligning form label and form sub label with correct CSS code Screenshot 20

    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!

  • zoiglobal
    Replied 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

  • Kiran Support Team Lead
    Replied on March 16, 2017 at 2: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.

    Difficulty aligning form label and form sub label with correct CSS code Screenshot 30

    #id_76 {

        margin-left : 160px;

    }

    The field should be displaying as shown below:

    Difficulty aligning form label and form sub label with correct CSS code Screenshot 41

    Hope this information helps! 

     

     

  • zoiglobal
    Replied on March 16, 2017 at 3:56 PM

    Kiran,

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

    Thank you, again!

    D

  • Kiran Support Team Lead
    Replied on March 16, 2017 at 5: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!