What is the CSS to change the size of a drop down field?

  • Profile Image
    Asked on April 08, 2017 at 10:55 AM

    The size of the drop down field box in the "Grouped Values Dropdown" widget so that it matches the same size of the other field boxes on the form.

  • Profile Image
    Answered on April 08, 2017 at 04:33 PM

    To match the size of the Grouped Values Dropdown widget to the other drop down fields in the form, please add the following CSS codes below to the Custom CSS tab of the widget.

    button.btn.dropdown-toggle.selectpicker.btn-default {

        width: 200px !important;

        border-radius: 0px !important;

        padding: 1px !important;


    I hope this helps. If you have any further questions or concerns regarding this, please feel free to contact us again anytime.

    Thank you.