HomeWordpress TutorialsHow to change contact form 7 placeholder color

How to change contact form 7 placeholder color

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.

RELATED ARTICLES
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
- Advertisment -

Latest

0
Would love your thoughts, please comment.x
()
x