Contact form font color

Support
#1

Hi,

How to change contact form 7 fonts color from white to…

#2

Hi There,

Please check this guide:

Hope this helps.

#3

Hi,

Sorry. What I meant is to change the title font color above the text area.

#4

Hi,

To change the color of the label.

You can add the code below in X > Launch > Options > CSS

.wpcf7 label {
    color:#000;
}

Hope that helps.

#5

Hi Paul,

I have added this CSS to my site https://dev.guidokok.com, but it doesn’t change the font color. Furthermore I have tried this: https://collinstover.com/how-to-change-contact-form-7-colors-in-cornerstone-from-x-theme/ But it also doesn’t work as I don’t see those fields.

What to do?

#6

Hi Paul, I have a Question, please read above

#7

Hi There,

Do you want to change the color of these texts?

They’re the placeholder texts so please try with this custom CSS:

.wpcf7-form-control::placeholder {
    color: pink;
}

.wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

For more information, please take a look at this:

Hope it helps :slight_smile: