Bug in Formular

Hi @shimsho,

Trust you are doing good today.

Could you please provide us with an export of the form using pastebin.com or Google Drive so that we can take a closer look at this issue?

Kindly review the provided documentation, which offers guidance on how to export the form: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

We look forward to hearing back from you.

Kind Regards,
Nebu John

@wpmudevsupport14

https://nopaste.net/lR7oFYG5f3

Hello @shimsho,

Thank you for sharing the form export.

I could not replicate the issue on a test site so far. This might be happening due to a conflict with the theme’s CSS.

As a workaround, could you please check if adjusting the style of the Select field helps. You can do this on the Appearance tab, by switching to custom colors and field container settings:

https://prnt.sc/3HjqONUzFEyt
https://prnt.sc/MIeJKf6nb3im

– you may have to set the background colors, border thickness and radius.

Hope this helps. Let us know if there’s still any issue.

Best Regards,
Dmytro

@wpmudevsupport16

wow thank you so much for your fast support. It works so fine.

But there is another problem. I tried to change the border-radius of my dropdown/combobox-container-field or whatever and of the hover-background-option class to change to 50px but I failed. Can you help me with this. I tried with individual css.

Export: https://nopaste.net/B3t3fkmTDf

IMG: https://ibb.co/t2QW5gq

thank you so much.

Hi @shimsho

Drop-down options in Forminator forms are using Select2 library and as such are rendered as separate markup – the standard form HTML is actually “invisible” to the user so styling it won’t work.

This CSS should do the trick instead:

/* dropdown container */
.forminator-select-dropdown-container--open .forminator-select-dropdown {
		border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
}

/* dropdown highlighted option */
.forminator-select-dropdown-container--open .select2-results__option--highlighted{
	border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
}

Note: you must add it “outside” Forminator so instead of form’s custom CSS you need to add it e.g. to your theme’s custom CSS or using some “Custom CSS” type plugin.

Best regards,
Adam

@wpmudev-support8

daaaamn you nailed it. Thank you so much! 10 /10