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

  • Profile Image
    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!

  • Profile Image
    Kiran
    Answered on March 27, 2017 at 01: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.

    Hope this information helps! 

  • Profile Image
    betwrestling
    Answered on March 27, 2017 at 02:13 AM

    That's perfect thanks so much! :-)