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

  • Profile Image
    ilanakelman
    Asked on December 30, 2015 at 02:28 PM

    Please help ASAP.

     

    Thanks

     

    Ilana Kelman

  • Profile Image
    Ben
    Answered on December 30, 2015 at 06: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.