How can I change the width of a column containing a number field in a Configurable List widget?

  • Profile Image
    Asked on September 13, 2017 at 12:01 PM

    I am trying to resize a couple of columns in a Configurable List widget. I was able to resize the first 2 columns using the method shown in the attached screen shot. The two columns I am trying to resize contain number fields. How would I resize columns 3 and 4 (See attached screenshot) to, let's say, 30 px?


    Screenshot of list

    Screenshot of fields


    Screenshot of current CSS


  • Profile Image
    Answered on September 13, 2017 at 01:28 PM

    Please add this CSS code to the CSS field of the Configurable list widget:

    .col3 input, .col4 input {

    width: 30px !important;


    If this code does not help, please provide us the ID of the form you are working on.