Labels not aligning to the left even if they are set to align left

  • hnchristi
    Asked on October 6, 2014 at 4:39 PM
    Well i fixed the bullet problem but not the problem with the question being on top of the answer in the form.
  • jedcadorna
    Replied on October 6, 2014 at 5:25 PM

    Can you please try to choose left in the "Label Align" settings or just change the form-label-auto to form-label-left in your form source. You'll have to do this to all of your <li> tags.

    Labels not aligning to the left even if they are set to align left Image 1 Screenshot 30

    Example in your form source would be in this section.

    Labels not aligning to the left even if they are set to align left Image 2 Screenshot 41

  • hnchristi
    Replied on October 7, 2014 at 1:54 PM

    I changed all of them to left and am still having the problem in the question being on top of the answer in the form

  • Ben
    Replied on October 7, 2014 at 5:08 PM

    Hi,

    Please inject this CSS to the bottom of your jotform styles:

    .form-line
    {
      clear:both;
    }
    .form-label-left
    {
      float: left;
    }

    If that for some reason does not work, then add this one instead (I suggest trying the first one first so that it plays nicely with other styles, plus it should work):

    .form-line
    {
      clear:both !important;
    }
    .form-label-left
    {
      float: left !important;
    }

    You can see here how to inject the CSS to your jotform.

    Do let us know if that fixes the issue for you.

    Best Regards,
    Ben