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

  • Profile Image
    Advolink1
    Asked 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 

  • Profile Image
    Nik_C
    Answered 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
    Advolink1
    Answered 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
    Kiran
    Answered 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
    Advolink1
    Answered 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
    Kiran
    Answered 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!