Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    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

    Thread Starter Hauzz

    (@hauzz)

    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.
    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    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

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Select field styling’ is closed to new replies.