Input fields not transparent

Hello @backfour94

The following CSS should be enough to override this, used in edit form > Appearance > Custom CSS:

input, textarea {
    background: transparent;
}

I couldn’t replicate the same issue though, using a testing form with the Flat Design and the default Twenty TwentyOne theme. Could you please export your form and share it here with us via a service like Dropbox, Pastebin or similar?
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

Thank you,
Dimitris

Thanks for getting back.

That CSS worked, but I had to add some for ‘:hover’ as that stopped working.

Does this link work for the extract?

https://www.dropbox.com/s/83x5rf1gjoswb4a/forminator-taster-form-export.txt?dl=0

Sorry should have said that I’m using the Responsive theme by CyberChimps.

Hi @backfour94

Please try this solution:

#forminator-module-4285 input, #forminator-module-4285 textarea {background: transparent !important;}
#forminator-module-4285 input:focus,#forminator-module-4285 input:hover, #forminator-module-4285 textarea:focus,#forminator-module-4285 textarea:hover {background: transparent !important;}

Kind Regards,
Kris

Hi, maybe I’m putting it in wrong but that had no effect. What I did seems to be working ok:

input, textarea {
    background: transparent;
}

input:hover, textarea:hover {
    background: white;
}

Steve

Hi @backfour94

Thank you for the update.

I would suggest also adding #forminator-module-4285 to prevent the CSS to affect any other input.

As it is working now I am marking this ticket as resolved, feel free to ping us any time you need.

Best Regards
Patrick Freitas