[resolved] [Plugin: Contact Form 7] Add a border colour to Contact fields (5 posts)

  1. princesioni
    Posted 7 years ago #

    I installed the contact form plug-in but everything seems to be white because of my theme.please,how can I place border colours on all the contact fields.

    check out my contact page to see what I'm saying


  2. kaigou
    Posted 7 years ago #

    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!

  3. princesioni
    Posted 7 years ago #

    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.


  4. 302lennon
    Posted 7 years ago #

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

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

    Hope this helps

  5. princesioni
    Posted 7 years ago #

    Thanks a lot.
    It worked.

Topic Closed

This topic has been closed to new replies.

About this Topic