Radio Button text width

  • Profile Image
    Asked on December 14, 2015 at 08:54 AM


    I have a radio button selection list  - some of the text is reasonably long (e.g. circa 25 characters).  The text keeps wrapping which looks messy.  I've been into the CSS Designer view and just cannot find a way to force the width to increase.

    This is illustrated by the text against the "Type of Issue" section in the link accompanying this query.

    Help required!



  • Profile Image
    Answered on December 14, 2015 at 12:35 PM

    Thank you for contacting us.

    You can increase the width of your check box and radio button text by adding this CSS code:

    .form-radio-item, .form-checkbox-item


        display: inline-block;

        min-width: 200px;

        white-space: nowrap;

        width: 200px;

    Inside of this guide you can find out how to Inject Custom CSS Codes: 

    Hope this will help. Let us know if you need further assistance.