WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Multiple forms, textarea color (6 posts)

  1. JonnieMorganBand
    Member
    Posted 3 years ago #

    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:

    http://www.jonniemorganband.com

    Question:

    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!

    -Matt

    http://wordpress.org/extend/plugins/contact-form-7/

  2. webjunk
    Member
    Posted 3 years ago #

    color: is for the color of the font
    color-background: is for the background.

  3. JonnieMorganBand
    Member
    Posted 3 years ago #

    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.

  4. JonnieMorganBand
    Member
    Posted 3 years ago #

    I've got nothing.

    Any ideas?

  5. clevestam
    Member
    Posted 3 years ago #

    #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.

  6. JonnieMorganBand
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic