Long labels seem to move the form out of theme set margins.

  • ilanakelman
    Asked on December 30, 2015 at 2:28 PM

    Please help ASAP.

     

    Thanks

     

    Ilana Kelman

    Jotform Thread 733619 Screenshot
  • Ben
    Replied on December 30, 2015 at 6:15 PM

    I took a look at your form: http://www.jotform.ca/form/53635415387259 which seems to have the issue as on your screenshot.

    The theme that you have selected Ilana is for labels with small number of characters in the label, while many of your labels take a lot of space, which is why it is shown as such.

    You can apply a fix by adding this CSS code to your form:

    #label_38, #label_41, #label_42, #label_43, #label_39, #label_12, #label_22, #label_23, #label_24, #label_25, #label_27, #label_26, #label_36, #label_31 {
         display: block ! important;
         max-width: 410px;
         min-width: 310px;
         white-space: unset ! important;
         word-break: keep-all;
         word-wrap: normal;
    }
    #label_41 {
        white-space: pre-wrap !important;
    }

    I presume that you might have few things to tweak out afterwards, but it will place the fields in a proper order.

    Do let us know how it goes and if there is anything else that we can be of assistance and we would be happy to assist with the same.