Adjusting Select Dropdown Styling

Hi @supportstyles,

I hope you are doing well today!

You can use the following selectors to adjust Event Type select and dropdown as ex.

span.select2-selection.select2-selection--single{
/* Your CSS code for select*/
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options{
/* Your CSS code for dropdown*/
}

For the fonts, you can adjust them on Edit Form->Appearance->Fonts->Custom->Select and Dropdown sections.

Please let us know if you need further help.

Kind regards,
Zafer

Hi @supportstyles

Thank you for response!

I visited the form in question and I see that the label and the select options actually are already using Montserrat font.

The “placeholder” is not. For example, the default text “Event Type” for the “What type of event are you booking for” drop-down on the second page of the form. This is what you mean?

If yes, then this CSS should do the trick:

.forminator-field-select span.select2-selection__placeholder {
  font-family: "Montserrat"!important;
}

Best regards,
Adam