Radio buttons in configurable list spacing

  • Profile Image
    blbc
    Asked on February 12, 2016 at 08:40 PM

    Overall, I'm happy with the look of my configurable list, except for the spacing of the radio buttons. Could you let me know what the CCS code should be to increase the space between the two responses?

  • Profile Image
    Nik_C
    Answered on February 13, 2016 at 11:22 AM

    Hello there, 

    Since I wasn't sure which radio buttons you want to increase space to, I'll show you on this one:

    So, since this is a configurable list widget you have to change a CSS in that widget:

    And than you click on Custom CSS and apply the CSS code to radio class:

    So you will change this:

    .radio {

    margin: auto !important;

    float: left;

    }

    To this:

    .radio {

    margin: 0 0 0 20px;

    float: left;

    }

    So what we did is we changed the left margin of the radio button.

    Finally looks like this:

    Please let me know if this helps.

    Best regards.

  • Profile Image
    blbc
    Answered on February 13, 2016 at 12:31 PM

    That's perfect - thanks!

  • Profile Image
    Nik_C
    Answered on February 13, 2016 at 03:28 PM

    Hello there,

    I'm glad I helped!

     

    Best regards!