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

  • Profile Image
    susantannermd
    Asked on August 26, 2015 at 12:16 PM

    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?

  • Profile Image
    david
    Answered on August 26, 2015 at 02:08 PM

    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.