Support » Plugin: Material Design for Contact Form 7 » Change Select height

  • Resolved joostmulder


    Change Multiple Select height.

    How do you change the height of a Multiple Select field? By default it shows 1 row.

    With CSS i can do something like this:

    .mdc-select  {
    	height: 150px !important;

    But then the Outlined Label will be floating in the middle of the field, instead of in the top of the outlined border.

    Any suggestions on how to make a Select field heigher, so multiple rows are shown correctly?

Viewing 1 replies (of 1 total)
  • Plugin Author GusRuss89


    Hi @joostmulder,

    Unfortunately material design (the Google version) doesn’t support multi-select fields. This is probably because they’re difficult to fill out anyway and not very accessible.

    My recommendation is to use checkboxes instead of multi-select fields. If you have lots of options, you can display the checkboxes in columns.


Viewing 1 replies (of 1 total)
  • The topic ‘Change Select height’ is closed to new replies.