Css to increase the width of the check box and radio button question of Configurable list widget.

  • Profile Image
    acpevans
    Asked on January 06, 2015 at 03:58 AM
    3.I’m using the configurable list widget which is truly awesome. However, I’m struggling with the CSS. Currently the fields are all bunched together and look bad. Your help article on this widget mentions that if someone is having problems with getting the CSS to work, you’d be “happy to help.” Would you mind taking a look at this and adjusting the CSS so it looks good and that the individual check boxes and radio buttons in the columns “Type of media” and “file size” appear on one single line per check box / radio button. I hope this is clear. Please see the mark up form if not.
  • Profile Image
    ashwin_d
    Answered on January 06, 2015 at 04:02 AM

    Hell acpevans,

    I have injected the following custom css code in the "Configurable List" widget and that seems to have resolved the issue:

    .radio-container {

    width: 107px;

    }

    .checkbox-container {

    width: 200px;

    }

    Please check the screenshot below on how to add custom css code in configurable list widget:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!