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)
  • Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    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!!

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    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…

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    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!!

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    No problem!

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    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.