How can I change the spaces in the Configurable List Widget

  • OJ92
    Asked on June 13, 2017 at 5:59 AM

    How can I change the spaces in the Configurable List Widget Image 1 Screenshot 20

    Hi Guys,

     

    as shown in the picture, I would like to change the space in between each column, any idea how to fix that in CSS?

     

    Thx alot =) 

  • newbie06
    Replied on June 13, 2017 at 7:17 AM

    hi sir , you can use the following code to change width of your configurable list widget columns:

     

    table#list {width: 100% !important;}

    .radio-container, .checkbox{width:200px !important;}

    textbox, textarea, select{width:200px !important;}

     

    You can also change the width of the columns as well.

    td.col1 {

    width: 177px !important;

    }

     

    hopefully this will help you out.

    have a nice day sir..

  • WilliamR
    Replied on June 13, 2017 at 9:00 AM

    Hi,

    Try to add the following CSS under the custom CSS tab.

    How can I change the spaces in the Configurable List Widget Image 1 Screenshot 20

    td {

        padding-right: 20px;

    }

     

    Hope that helps. Thanks