Docs

[venya]

Hello,
I’ve been trying for hours to format the font color/style the input fields in my contact form.. Tried a dozen different solutions from this forum and the contact form 7 forum… can’t seem to get it.

Input boxes field names:
[your-name][your-email][tel-2][your-subject][your-message]

Dropdown menu :
[Source]

Thanks for your help!

[venya]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-select {
    color: #000;
    font-size: 18px;
}

Hope it helps 🙂

[venya]

Hi,
Thanks for the speedy reply! I tried the code, but it did not appear to change anything. I tried adding !important, and also did nothing.

The font in the message box is smaller than the font in other input boxes for some reason.. I would like to make all input box fonts the same style.

Thank you.

[Friech]

Hi There,

Please use this css code instead and add it on top of your custom css

.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="date"],
.wpcf7 input[type="month"],
.wpcf7 input[type="time"],
.wpcf7 input[type="week"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="color"] {
	font-size: 18px;
	color: red;
}

It seems you accumulated lots of custom css but failed to checked it? Please checked your whole custom css here: http://csslint.net/ and resolve all the errors (you can ignore the warnings)

Thanks.

[Author]

Posts