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

  • Profile Image
    yogishchandra
    Asked on July 27, 2017 at 03: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

     

  • Profile Image
    yogishchandra
    Answered on July 27, 2017 at 04:11 AM
  • Profile Image
    Chriistian
    Answered 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.

     

    Do let us know if you need further assistance.