How can I increase the space between columns in the Configurable List widget?

As you can see in the screenshot, the lack of space between columns in this configurable list makes the text difficult to read.  Is there a CSS code I can use to add more of a margin?

Hi,

To widen the width of your configurable list labels add the following code to the Custom CSS section of the Configurable list settings.

th.col1{
min-width: 200px !important;
}



Target each of the column headers by changing the .col1 to the desired column.  For example, to change the width of the label in the field in your screenshot, you would use this code:

th.col2{
min-width: 200px !important;
}

If you have any further questions, let us know and we will be happy to help.