Options in the Single Choice field is too narrow

  • Profile Image
    maffsb
    Asked on September 05, 2019 at 03:55 PM

    Hello,


    The text next to a radial button does not have enough room.  How do I fix this?  It looks like this:


    Would you like to speak to an instructor as well?

    ( ) Yes
    that
    sounds
    good
    to 
    me


    Instead of like this:

    Would you like to speak to an instructor as well?

    ( ) Yes that sounds good to me



    To find this part of the form, fill out the first part and continue to the next page.


    Thanks!


  • Profile Image
    John_Benson
    Answered on September 05, 2019 at 05:04 PM

    I was able to replicate the issue when I opened your form. Here's a screenshot of the issue:

    1567717379cssissue.png

    Please insert this custom CSS code into the form in order to fix the issue:

    .form-label.form-label-auto {
    width: 100%;
    }

    .form-radio-item, .form-checkbox-item {
    max-width: none;
    }

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide {
    max-width: none;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    1567717367cssresult.png

    If you have any questions, let us know.