Title: Text Box Border Color
Last modified: August 22, 2016

---

# Text Box Border Color

 *  [lem017](https://wordpress.org/support/users/lem017/)
 * (@lem017)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/)
 * I have a black footer where I have the contact form 7 widget.
 * I’ve tried
 * .input[type=”text”]
    { background-color: #fff; color: #000; width: 50%; }
 * I only need the border of the input box to be white, like the others. Any help?
 * [http://www.biodegradableasphaltcleaner.com/](http://www.biodegradableasphaltcleaner.com/)
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/#post-5806189)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 *  Thread Starter [lem017](https://wordpress.org/support/users/lem017/)
 * (@lem017)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/#post-5806216)
 * I tried all of those, none gave me the correct code that makes the Name text 
   box have a border around it.
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/#post-5806373)
 * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to examine the HTML and CSS of your CF7 form in detail. Once you understand how
   the HTML and CSS is configured in your CF7 form, you should be able to see the
   CSS changes you need to change the appearance of the form to suit your requirements.
 *  Thread Starter [lem017](https://wordpress.org/support/users/lem017/)
 * (@lem017)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/#post-5806375)
 * Understood. I have done that as well. I’ve been able to do everything except 
   the name box border. I would appreciate your help.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Text Box Border Color’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [border](https://wordpress.org/support/topic-tag/border/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [footer](https://wordpress.org/support/topic-tag/footer/)

 * 4 replies
 * 2 participants
 * Last reply from: [lem017](https://wordpress.org/support/users/lem017/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/text-box-border-color/#post-5806375)
 * Status: not resolved