WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need to change WP-Brown 2.1 theme text field border (CSS) (11 posts)

  1. gtarek
    Member
    Posted 3 years ago #

    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/

  2. Emil Uzelac
    Theme Review Admin
    Posted 3 years ago #

    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

  3. govpatel
    Member
    Posted 3 years ago #

    Recheck your Contact Form 7 Code again

  4. gtarek
    Member
    Posted 3 years ago #

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

  5. Emil Uzelac
    Theme Review Admin
    Posted 3 years ago #

    Glad to help, enjoy :-)

    Emil

  6. gtarek
    Member
    Posted 3 years ago #

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

  7. Emil Uzelac
    Theme Review Admin
    Posted 3 years ago #

    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

  8. gtarek
    Member
    Posted 3 years ago #

    Gotcha.. Works now. Thx again!!

  9. Emil Uzelac
    Theme Review Admin
    Posted 3 years ago #

    No problem!

  10. Emil Uzelac
    Theme Review Admin
    Posted 3 years ago #

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

  11. gtarek
    Member
    Posted 3 years ago #

    Done back then.. Hehe, thx!

Topic Closed

This topic has been closed to new replies.

About this Topic