Support » Themes and Templates » Need to change WP-Brown 2.1 theme text field border (CSS)

  • Resolved gtarek

    (@gtarek)


    Hi everyone,
    I’m trying to figure this out for a while now. I would like to change the text input field border in the WP-Brown 2.1 theme.

    I can’t find the section of the css code that does this. My input text fields are white with no border on a white background, and it’s not clear that there’s a input text field there. I’m using Contact Form 7 also. Any help is greatly appreciated. Thanks in advance.

    The exact link can be found here:
    http://tarekghazzaoui.com/en/contactme/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Your theme does not have styles for border, IE shows blank and Chrome adds default grey border.

    Here is the example that you can add to your stylesheet:

    input[type="text"], input[type="password"], textarea, .field, .area, select {
        background:#fff;
        border: 1px solid #000;
    }

    Now if you add wpcf7 in front of each property, this will add styles only to Contact Form 7.

    Emil

    Recheck your Contact Form 7 Code again

    I did govpatel, no property exists in the widget css. Emil, you’re the man!! That works great, thx a lot!!

    Glad to help, enjoy 🙂

    Emil

    I was wondering Email again about the wpcf7. I tried placing it in front of each property and it doesn’t work. Can you give an example of the same code but form Contact form 7 only? Thx…

    Sure, this would do the trick:

    .wpcf7 input {
    	background: #fff;
    	border: 1px solid #ccc;
    	color: #000;
    }
    
    .wpcf7 textarea {
    	background: #fff;
    	border: 1px solid #ccc;
    	color: #000;
    }

    This is if you want different styles for your form, however you can also keep this under the same property such as:

    .wpcf7 input, .wpcf7 textarea {
    	background: #fff;
    	border: 1px solid #ccc;
    	color: #000;
    }

    Emil

    Gotcha.. Works now. Thx again!!

    No problem!

    If this helped, can you please hit the “resolved” from your end.

    Done back then.. Hehe, thx!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Need to change WP-Brown 2.1 theme text field border (CSS)’ is closed to new replies.