Trying to create space in between two single choice radio columns.

  • betwrestling
    Asked on March 26, 2017 at 11:54 PM

    On my form i have single choice radio items. However on a few of them the text is too long so part of the text displays on the next line. What i would like is to have all radio choice items on ONE LINE only.

    For example, on my form (on the first tab) you can see that the radio items 'KO/Match Stopped' and 'Less then 10 Minutes' take up two lines because the text is too long. I only want the text to be on one line.

    I have tried making the items wider however when i do that the items in the first column go over the text in the second column. I need there to be space in between both columns. 

    Hope that makes sense!

    Help would be much appreciated thank you!

  • Kiran Support Team Lead
    Replied on March 27, 2017 at 1:57 AM

    Please try injecting the following CSS code to the form in order to increase the width of the options.

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

     width: 220px;

    }

    The form should be displaying the options as shown below after injecting the code provided.

    Trying to create space in between two single choice radio columns Screenshot 20

    Hope this information helps! 

  • betwrestling
    Replied on March 27, 2017 at 2:13 AM

    That's perfect thanks so much! :-)