Radio buttons in configurable list spacing

  • blbc
    Asked on February 12, 2016 at 8: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?

  • Nik_C
    Replied 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:

    Radio buttons in configurable list spacing Image 1 Screenshot 50

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

    Radio buttons in configurable list spacing Image 2 Screenshot 61

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

    Radio buttons in configurable list spacing Image 3 Screenshot 72

    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:

    Radio buttons in configurable list spacing Image 4 Screenshot 83

    Please let me know if this helps.

    Best regards.

  • blbc
    Replied on February 13, 2016 at 12:31 PM

    That's perfect - thanks!

  • Nik_C
    Replied on February 13, 2016 at 3:28 PM

    Hello there,

    I'm glad I helped!

     

    Best regards!