[Plugin: Contact Form 7] changing the font color for the form field names

Edit your theme’s stylesheet.

Also my php files are the only ones listed as active. All css files are listed as inactive. Why is this?

Sorry? Where is this?

in the plugin none of the css files are listed as active.

same issue, so all the names of fields are white on white background.

Anybody managed to solve this problem?
I partly did but in several browsers (like Safari) it then still shows white (unreadable texts)

Hi guys

The actual form itself (that you create) takes html so can you put your font colours in there eg

<FONT COLOR="#FF0000"><br /><b/>CONTACT US</b></FONT>

<p>Name <br />
    [text* your-name] </p>

<p>Email<br />
    [email* your-email] </p>

<p>Subject <br />
    [text* your-subject] </p>

<p>Your Message<br />
    [textarea your-message] </p>

<p>Please validate your message:<br />
[captchac captcha-786 fg:#FFFFFF bg:#FF0000]<br />
   [captchar captcha-786] </p>

<p>[submit "Submit Message"]</p>

Hope this helps ;-D

Oops – I may have got the wrong end of the stick here – sorry …. I’ll disappear quietly

I also would like to change the colour of the font for the field names. In trying to edit this in the plugin but cannot within which file the code should be changed.

As adminasylum69, all my css files are listed as inactive too.

Re changing font color for the field headings, editing your theme css might work if you knew what bits relate to what is used in Contact Form 7, so suggestion above not much use.
I changed them by the following, no guarantees I have not stuffed something else, so here goes. Load and start the plugin in your admin page. Go to Plugins in left hend side of admin page, and expand it by clicking on little arrow. Click on editor. Select contact form 7 in drop menu top left of edit field and select. click on Cf7/styles.css
add color definition into first section ie
div.wpcf7 {
margin: 0;
padding: 0;
color: #ff6600;
}

save the setting and try it out. Hope that helps. fnibble

Sorry, above post Select contact form 7 in drop menu top left of edit field and select. should be Select contact form 7 in drop menu top right of edit field and select.
fnibble

Hi fnibble

Thanks for your feed back, I tried your code, it works but it only changes
the colour of the heading of each sections. In this case

“Your Name”, “Your Subject”, “Your Email” changes to orange, but I think we are asking here is to change the font colour of the text in the text boxes.

In my case I have b/w webiste, the back ground is black and the font is white

When I use CF7, the text box back ground is white and the text is white, so one can not actually see whats been entered in the text box unless you do a high light by doing a text selection on the text box.

HELP~!~!~!~! echo echo echo

LZ is too hot, request for immediate CF7 Support~!~!~! LOL

SO…

Has anyone figured this out???

I’m having the same issue. My site has a black background and the font in the fill-in boxes go white and hence invisible… would love to get this fixed!

Thanks,
Steinar

I figured it out.

You need to add a class to your contact form. I used blacktext for my class. After you have added the class don’t forget to “save.”

<p>Phone Number (optional)<br />
[text text-308 20/ class:blacktext]</p>

Then go to Plugins and click on Editor.

If Contact Form code isn’t showing, then select it from the drop down menu on the upper right side (above the Plugin Files list) and choose Contact Form.

From the list (located on the right side) click on “contact-form-7/styles.css” and add your css code. After adding your css code don’t forget to “Update File.”

Example:

.blacktext {
color: #000;
}

Now check your contact page to make sure the changes have been made.

On my contact page ( https://www.casketcrew.com/contact/ ) I am trying to find what exactly controls the text color in the form fields. It comes in as white. I tried looking over the CSS of the Weaver 2010 theme I am using and can’t seem to find the answer there.

https://www.casketcrew.com/wp-content/uploads/weaver-subthemes/style-weaver.css

#content, #content input, #content textarea {
    color: #FFFFFF;
}

Okay I found that in the theme’s style sheet. But in Weaver 2010 you have advanced options and so I put this in the header section

<style type="text/css">
#content textarea {
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}
</style>

And that did it for me. Now to get the darn submit button. Thanks for the help!