New to the community? Start here

[Forminator Pro] I would like to have a improved way to inherit theme styles into a form

0

Hello, I’m experienced some issues to inherit my theme styles into my forminator form, it seems that when i select “None” in Design Style to inherit my theme CSS the forms “breaks”, so I had to add custom CSS to adjust it. But this is not happening with other forms plugins like Ninja Forms or WP Forms, so I would like to request this feature can be improved to support better compability like other form plugins. Thanks.

Wed, 28 Feb 2024 0:48:55
More Forminator Pro discussions
Forminator Pro
  • Patrick Freitas
    • FLS

    Hi Kent Larson

    I hope you are doing well.

    Forminator by default removes any style when using the Appearance > None so the Theme CSS takes over, but it is important to say that also depends on the theme CSS itself, for example, if the theme developer implemented a custom class or ID to button / input / label it may prevent the style.

    But we forwarded this situation to the plugin team so we can look into how to improve it on the Forminator side.

    Best Regards
    Patrick Freitas

  • Kent Larson
    • New Recruit

    Thanks Patrick,

    With the help of Luis from tech support we got the contact form layout corrected by applying the following in the Custom CSS area for the specific form:

    
.forminator-label {position: above;}
input {width: 100%;}
span.forminator-required {color: red;}

    it’s not a big deal now that we know which styles to override. But it would be nice if things like label position and field width could be set directly directly rather than managing CSS for common styling. The Design Style presets are nice, but too limiting. Overall it’s a great plug-in!