Multiple Selection Field: How can I expand the options when displaying 2 columns?

  • Profile Image
    Asked on October 23, 2017 at 06:26 PM

    I have a checkbox field that I've set with 2 columns.

    The problem is that the text for my choices doesn't stay on one line.

    The entire field seems to have plenty of room to expand so there could be  2 wider columns  but it doesn't.

    Shrink is turned off.

    Attached is the screen shot. How do I get the longer text (indicated by red arrows) to stay on one line?

  • Profile Image
    Answered on October 23, 2017 at 10:14 PM

    Please inject the following CSS code to achieve it: 

    .form-multiple-column {

        width: 100%;


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

        width: 50% !important;


    This guide will help you injecting it: 

    I hope this helps.