How to avoid text warping in label and multiple choice options?

  • yogishchandra
    Asked on July 27, 2017 at 3:58 AM

    Hi,

    I have two issues here.

     

    If the text is long:

    1) Text is wrapping in label name.

    Label Name is : Company / Organisation

    2) Text is wrapping in multiple choice option in "Customer Request" Product Replacement

     

    How do I avoid this from happening?

     

    Passcode of form is : jotpass

     

    How to avoid text warping in label and multiple choice options? Image 1 Screenshot 20

  • yogishchandra
    Replied on July 27, 2017 at 4:11 AM
  • Chriistian Jotform Support
    Replied on July 27, 2017 at 10:06 AM

    To fix the issue, please try to add/inject this custom CSS code to your form.

    .form-label {

        width: 180px !important;

    }

    .form-multiple-column .form-checkbox-item {

        width: 180px;

    }

    To add/inject custom CSS code to your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes. Here how the labels will look like once you have added the custom CSS code.

    How to avoid text warping in label and multiple choice options? Image 1 Screenshot 20

     

    Do let us know if you need further assistance.