Adjust the width of a specific dropdown field in a Configurable List widget

  • Profile Image
    curtiselectricalqld
    Asked on April 12, 2019 at 12:52 AM

    Hi 

    I hoping you could assist in offering the correct CSS code to widen the dropdown field in the second of the two configurable lists (named Allowances) in the form I have attached


    Thanks in advance

  • Profile Image
    Mike_G
    Answered on April 12, 2019 at 05:00 AM

    I see that you would like to increase the width of the drop-down field in the first column of the second Configurable List widget of the form you linked.

    To do that, please inject the following CSS codes to the custom CSS tab of the widget.

    .col1 select {

        width: 200px !important;

    }

    1555059550t04_58_31.png

    How-to-Inject-CSS-Codes-to-Widgets

    You may adjust the value of the width property in the custom CSS provided above to your preference.

    If you have other questions or concern, please feel free to let us know.