Change the size of a box in a configurable list

  • Profile Image
    cchfform
    Asked on July 03, 2019 at 12:19 PM

    how do i change the size of each individual element in the list?

  • Profile Image
    Mike
    Answered on July 03, 2019 at 01:49 PM

    This is possible to adjust the styles of the Configurable List widget fields with added custom CSS code. For example, to change the size of the first two fields:

    .col1 input {
    width: 200px !important;
    }
    .col2 input {
    width: 70px !important;
    }

    The fields can be also placed in a vertical layout with added CSS, see:

    How to Make the Configurable List Widget Mobile Responsive