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

  • Resolved joostmulder

    (@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

    (@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.

    Thanks,
    Angus

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