Title: Input fields not transparent
Last modified: December 18, 2021

---

# Input fields not transparent

 *  Resolved [backfour94](https://wordpress.org/support/users/backfour94/)
 * (@backfour94)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/)
 * Hi, I have removed the colour background from my input fields, and the settings
   area looks like it is transparent, which is what I’d like.
 * But the form is displaying a grey background.
 * Have played with some custom CSS and can get it transparent, but I’m wondering
   if I should have to. I also like confirmation of the classes that I should be
   using to do this.
 * thanks for an excelent plugin by the way
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Finput-fields-not-transparent%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Support [Dimitris – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support6/)
 * (@wpmudev-support6)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15176571)
 * Hello [@backfour94](https://wordpress.org/support/users/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](https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export)
 * Thank you,
    Dimitris
 *  Thread Starter [backfour94](https://wordpress.org/support/users/backfour94/)
 * (@backfour94)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15176686)
 * 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](https://www.dropbox.com/s/83x5rf1gjoswb4a/forminator-taster-form-export.txt?dl=0)
 *  Thread Starter [backfour94](https://wordpress.org/support/users/backfour94/)
 * (@backfour94)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15176803)
 * Sorry should have said that I’m using the Responsive theme by CyberChimps.
 *  [Kris – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/)
 * (@wpmudevsupport13)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15177564)
 * Hi [@backfour94](https://wordpress.org/support/users/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
 *  Thread Starter [backfour94](https://wordpress.org/support/users/backfour94/)
 * (@backfour94)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15178243)
 * 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
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15178392)
 * Hi [@backfour94](https://wordpress.org/support/users/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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Input fields not transparent’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

 * 6 replies
 * 4 participants
 * Last reply from: [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/input-fields-not-transparent/#post-15178392)
 * Status: resolved