Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Multiple forms, textarea color

  • Resolved JonnieMorganBand


    Hello all,

    I searched and couldn’t find anything that would help.

    I have two different contact forms on my WP site. One is located in the sidebar widget, the other located in the content area of one of my pages (Contact Us).

    I searched and found styling code which ended up working for the sidebar-located form, but not the other.

    Here’s the styling code that worked on the widget-embedded form, but not the content area-embedded form:

    .wpcf7-form p input, .wpcf7-form p textarea{
    color: #000000;

    Here’s a link to my site:


    What is it I have to do for the CSS to work for both forms? Or, what is the solution to make the text area of my form located on the “Contact US” page black (#000)?

    Thank you for any help or insight!


Viewing 5 replies - 1 through 5 (of 5 total)
  • color: is for the color of the font
    color-background: is for the background.

    Right, the color of the font is what I want to change.

    It only works for 1 of 2 contact forms… I need the CSS to affect BOTH contact forms.

    I got a suggestion from a buddy of mine, I’ll try that out and report back.

    I’ve got nothing.

    Any ideas?

    #content, #content input, #content textarea

    Selector is what controls that text.
    just change or remove color there…

    it overrides…
    .wpcf7-form p input, .wpcf7-form p textarea

    If you use firefox get the firebug plugin to easy identify what selector controls what. Fir IE i think its called webdeveloper toolbar or something.

    Ah, didn’t know those selectors trumped the others.

    Thank you very much for you help!

    Also, thanks for the tip about “Firebug” – looks like an excellent tool for web developers.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Contact Form 7] Multiple forms, textarea color’ is closed to new replies.