Can't increase label width on the form

  • Profile Image
    Asked on February 25, 2017 at 10:55 AM

    When I increase the label width in the advanced editor it doesn't work.

    It looks like it worked when viewing the form in the builder however when I preview or publish and view the live form it the label width doesn't increase at all.

    Here's a screenshot of how it looks in the builder:

    Here's a screenshot of how it looks in preview or live:

    FYI: I've tried using different themes including just the default theme.

    I've also tried creating a completely new form thinking maybe this one was somehow corrupted and still the same issue.

  • Profile Image
    Answered on February 25, 2017 at 01:03 PM

    I have checked your JotForm and see that the labels are displaying with less width. I have changed the label align to Left from Top and then changed it to Top on your form.

    The form is now displaying the labels correctly on the form. Please check your JotForm and let us know if you need any further assistance.


  • Profile Image
    Answered on February 26, 2017 at 10:51 AM

    Thanks.  It was working.  BUT... then I needed to add some more questions to the form and make a few edits and now it's not working again (I can't get the label width to work again).  Shows the width increased in the builder but when I view the form live the label fields are still very short.

    Can you explain what I'm doing wrong?  Or is this a bug with Jotform?

    I've been using Jotform quite a bit for the last 5 years.  Never had problems like this.

  • Profile Image
    Answered on February 26, 2017 at 12:05 PM

    I checked your form, I couldn't find those fields, but you could try to use this CSS and insert it in your Custom CSS field:

    .form-label { width: 330px!important; }

    And you can adjust the width as you wish. That should work for all fields label.

    If you have any further questions please let us know.

    Thank you!