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

  • Profile Image
    hnchristi
    Asked on October 06, 2014 at 04:39 PM
    Well i fixed the bullet problem but not the problem with the question being on top of the answer in the form.
  • Profile Image
    jedcadorna
    Answered on October 06, 2014 at 05: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.

    Example in your form source would be in this section.

  • Profile Image
    hnchristi
    Answered on October 07, 2014 at 01: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

  • Profile Image
    Ben
    Answered on October 07, 2014 at 05: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