Forminator not working correctly with Divi

Hi,

do you have any possibility to add custom css? If so, then I would suggest following solution for your problem:

The Radiobutton is missing some styling, thats why it is not appearing properly. Add this to your style.css:
.forminator-ui.forminator-custom-form .forminator-radio input:checked+.forminator-radio-bullet:before {background-color:#3a56a5;}


Regarding the Calendar, add this to your style.css (not the most elegant way):
#ui-datepicker-div.ui-datepicker { background-color: #ffffff !important; }

Thank you for your answer, it works!
Is there a way to override ALL classes? It would be great when he would use the custom colors from the settings from the form in Forminator…

@jojanneke87 you are welcome!

It is possible to turn of the styling of the form under “Design” > “Designstyle” (it may be called differently, as I am not using Forminator English.). From there you can style your form freely however you want.

Otherwise you can change the colors of a preset-styling if you scroll a little bit down on the “Design”-Tab.

I guess you mean this: https://test1.byjojanneke.nl/wp-content/uploads/2023/07/Forminator.png

I use the Dutch version of Forminator, but there I can change the colors etc. But it won’t do anything, because (I guess) Divi overrides it all…

Hello @jojanneke87 ,

I think @cartoonhank had a Design style: None in mind:
https://www.evernote.com/shard/s134/sh/d5e69886-3893-4745-9cd6-f8a1c2739824/5ilWYEJxA6yz2W6VMXkcBqQKZRuaNbVUY8h-1C25c_7GF3fi0mb60ZLH4Q/deep/0/image.png

This will allow you to style the whole form from scratch with CSS.

kind regards,
Kasia

Hi @jojanneke87

I hope you are doing well and safe!

We haven’t heard from you in a while, I’ll mark this thread as resolved.

Feel free to let us know if you have any additional questions or problems.

Best Regards
Patrick Freitas