How to reduce the space between two radio button columns?

  • Profile Image
    Asked on October 23, 2015 at 10:07 AM

    How can I change the space between 2 radio buttons.  The default is absurd.

  • Profile Image
    Answered on October 23, 2015 at 12:47 PM

    To reduce the space you can use the following CSS code:

    span.form-radio-item {
        max-width: 60px;

    You can of course modify the value (60) above to something else until the columns are spaced our properly for you.

    Please add the CSS code above to your form by following the steps here: Inject Custom CSS Codes just make sure to add it at the bottom of all other code in there (if any).

    Do let us know how it goes and if you happen to have any further questions and we would be happy to assist with the same :)