Support » Fixing WordPress » [Plugin: Contact Form 7] Add a border colour to Contact fields

Viewing 4 replies - 1 through 4 (of 4 total)
  • I went & looked at the actual output of the page, and under the request-for-comment, there’s a line that says:

    div class=”wpcf7″ id=”wpcf7-f1-p42-o1″

    In your place, I’d open the comments box for a different post, and check to make sure the class is the same (wpcf7). If it is, try adding a line to your theme’s css file that says something like:

    .wpcf7 {border=1px solid #000}

    …or whatever combination you’re wanting for a border. I’ve found that with some plugins, the css markup can be so crazy and snowflake-unique that the only way to do it is create a section at the end of my theme’s css file that contains all exceptions/edits to plugin styles, to bring them in line with what I want.

    Unfortunately, this probably means you’re going to have to twiddle it a bit, until you figure out which class or id in the contact form will get you what you want. Good luck!

    Kaigou, thanks so much. I added
    .wpcf7 input { border: 1px solid #999; }
    It only affected the single line text boxes and had no effect on the multiple line text area.

    Please, check my site to see what Im saying.
    Thanks for your help.

    Hello princesioni, the last piece of your puzzle you are missing is…

    .wpcf7 textarea{ border: 1px solid #999; }

    Hope this helps

    Thanks a lot.
    It worked.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Contact Form 7] Add a border colour to Contact fields’ is closed to new replies.