Layout ok in designer but wrong on live form

  • hilltopkennels
    Asked on December 29, 2015 at 3:59 AM

    When designing my form in design mode, it appears layed out correctly, but when filling out the form, the labels and field entries overlap for some fields eg field label for {totalDays} "Total days booked" overlaps the field value, spoiling the readability of the form.

    Page URL: https://form.jotform.com/53621738892970
  • Chriistian Jotform Support
    Replied on December 29, 2015 at 10:23 AM

    Hi,

     

    I checked your form and I was able to see what you are reporting. Labels for your fields are not displayed properly.

    Layout ok in designer but wrong on live form Image 1 Screenshot 20

     

    To fix the issue, please try to inject this custom CSS code.

    .form-label-left {

    width: 175px !important;

    }

     

    To inject custom CSS code in your form, just follow the instructions in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.

  • hilltopkennels
    Replied on December 31, 2015 at 8:09 AM

    That fixed it, thank you!

  • Boris
    Replied on December 31, 2015 at 10:44 AM

    On behalf of my colleague, Christian, you are most welcome.

    Please contact us again if you need assistance with anything else, and we will be happy to help.