Title: Field border
Last modified: August 20, 2016

---

# Field border

 *  Resolved [mod7](https://wordpress.org/support/users/mod7/)
 * (@mod7)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/)
 * How come the fields don’t have visible borders?, do I have to code them in?
 * See here:
    [http://d.pr/i/tkKR](http://d.pr/i/tkKR)
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

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

 *  [davejampole](https://wordpress.org/support/users/davejampole/)
 * (@davejampole)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162087)
 * Add this to your style.css file (from the dashboard, click **Appearance**, **
   Editor**)
 * #form_name{
    background: #F7F7F7; }
 * Then, on the dashboard click **Contact** and select the form in question. When
   the form loads, surround the form code with `<div id = "form_name">` and `</div
   >`. Note that you can change “form_name” to whatever you want, BUT what you use
   in the stylesheet MUST be the same as what you use in the `<div>` tag that surrounds
   the form code.
 * You can change the `#F7F7F7` hex code to whatever form background color you want.
   If that scares you, take a look at this `<http://www.rapidtables.com/web/color/
   RGB_Color.htm>`. Mouse over the color you like and the hex code is automatically
   displayed.
 * Good luck.
 *  Thread Starter [mod7](https://wordpress.org/support/users/mod7/)
 * (@mod7)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162123)
 * Aha…cheers matey!
 *  [davejampole](https://wordpress.org/support/users/davejampole/)
 * (@davejampole)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162124)
 * I assume from that Aussie cheer that what I sent you worked. Great, glad I could
   help.
 * Now, you have the responsibility of doing something helpful for someone.
 * Dave
 *  Thread Starter [mod7](https://wordpress.org/support/users/mod7/)
 * (@mod7)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162125)
 * Well yes and no it worked…see here:
 * [http://d.pr/i/CQHN](http://d.pr/i/CQHN)
 * Yes got background colour but it sits behind the form field white boxes?
 * I want a 1px grey border around the input boxes really…bit lame Contact Form 
   doesn’t do it automatically cause its daft having white input boxes on a white
   background.
 *  [davejampole](https://wordpress.org/support/users/davejampole/)
 * (@davejampole)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162126)
 * Okay,
 * Add this to your theme stylesheet to control the border AND field background 
   colors. Change as desired
 *     ```
       .wpcf7 input[type=text], .wpcf7 textarea {
       	border: 1px solid #A0A0A0;
               background:#9FF;
       }
       ```
   
 * This should do it for you.
 *  Thread Starter [mod7](https://wordpress.org/support/users/mod7/)
 * (@mod7)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162127)
 * Excellent, that’s better!
 * [http://d.pr/i/QrBI](http://d.pr/i/QrBI)
 * Job’s a goodun!!…thanks muchly!

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

The topic ‘Field border’ 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/)

 * 6 replies
 * 2 participants
 * Last reply from: [mod7](https://wordpress.org/support/users/mod7/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/field-border/#post-3162127)
 * Status: resolved