Select field styling

Hello @hauzz

I trust you are doing well!

This can be done with some custom CSS coding. Please edit the select field and open the Styling tab. In there add a custom CSS class. Please see an example here:
https://take.ms/UsX01

After this add the following CSS to Appearance > Customize > Additional CSS, where my-field needs to be replaced with is your custom CSS class.

.my-field, .forminator-checkbox span[aria-hidden] {
     border-radius: 10px !important;
 }

Hope this helps!

Cheers,
Nastia

Thank you for your answer but it’s the checkbox that you refer to, I need the select field (dropdown) with rounded corners and I just can’t figure out how to achieve that.

• This reply was modified 5 years, 1 month ago by Hauzz.

Hi @hauzz

Solution would be similar for select (dropdown) field.

First, you would want to add your own class in “styling” tab of field settings. let’s say it’s my-select. Then you’d need to add custom CSS to the site:

.my-select .forminator-select-list .forminator-value {
	-webkit-border-radius: 10px!important;
  border-radius: 10px!important;
}

This should do the trick.

Best regards,
Adam

Hello @hauzz

I hope you are doing well!

We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

Kind regards,
Nastia