How to change contact form 7 placeholder color

0
150
How to change the color of a Contact Form 7 placeholder text

How to change contact form 7 placeholder color

For changing the color (Added black for this site but you can change black #000 to any color code you want just replace the color code in CSS) for the contact form 7 placeholder you can add the bellow custom css code to your theme additional CSS box or to Appearance>Customize>Additional CSS box.

::-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 Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}

If you add this CSS in your custom CSS box, this will applied globally all the contact form you are using in your site/domain and will change the contact form 7 placeholder color.

0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments