Adjust the width of the fields in the Configurable List widget?

  • Profile Image
    Asked on April 13, 2015 at 03:50 AM
    5.  I would like to reduce the width of the fields in the configurable list, by 10%
  • Profile Image
    Answered on April 13, 2015 at 04:51 AM


    It would depend on what specific fields in the configurable list widget you could like to adjust the width. Here's a guide on how to properly setup and design the Configurable list widget:

    In your you can add the custom CSS code to adjust the width by declaring the column where the fields are and the type of input field it is. Here's a sample:

    This is how the custom CSS code will looked like based from the screenshot above:

    td.col1 input[type="text"] {

    width: 120px !important;


    You can change the value of the width depending on how long the fields in that column will be.

    I hope this helps.

    Kind regards.