How to change Contact Form 7 Placeholder Text Color

How to change Contact Form 7 Placeholder Text Color

Author: Codeless

Date: May 22, 2020 

Category: Theme development, Webhosting

Contact form 7 is one of the most used WordPress plugins nowadays for building simple or complex contact forms on your WordPress website. As WordPress themes/plugins creators we have found a lot of clients in our support forum having difficulties setting or changing contact form 7 placeholder text font color on these forms. I will share with you the custom code you should use to change text color:

::-webkit-input-placeholder { /* WebKit browsers */ color: #000 !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla


World of WordPress is hosted by:

Servebolt: next level high performance hosting.

While others try to add more components to their hosting to make it go faster, we decided to build our hosting cloud fast from the ground up. We did so by stripping out everything we knew was deadweight.