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

  • Profile Image
    ZTEXConstruction
    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
    BJoanna
    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.