Title: Boxes do not show
Last modified: August 30, 2016

---

# Boxes do not show

 *  [Meganbrandlective](https://wordpress.org/support/users/meganbrandlective/)
 * (@meganbrandlective)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/)
 * Hi,
    We are struggling to get the boxes to outline on contact form 7. They currently
   display on a white background and you cannot see where you are to input the text.
   Is there a way to change this and make it more clear where information need to
   be entered?
 * See here: [http://www.1stlineglobal.com/opportunities/](http://www.1stlineglobal.com/opportunities/)
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/#post-6647187)
 * The actual look of CF7 forms on your website will depend largely on the current
   WordPress theme used and the CSS styling that theme applies to standard HTML 
   form elements.
 * To change the style of your CF7 forms you would need to edit the CSS style sheets
   used by your WordPress theme.
 * 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.
 * The problem is caused by the CSS below
 *     ```
       input {
           background: #fff none repeat scroll 0 0;
           border: medium none; /* the cause of the problem */
           font-size: 12px;
           font-weight: 400;
           letter-spacing: 2px;
           line-height: 22px;
           padding-bottom: 10px;
           text-transform: uppercase;
           width: 96%;
       }
       ```
   
 * ​​​
    The CSS below would correct the error and make the your form fields visible
 *     ```
       .wpcf7-text, .wpcf7-textarea {
           border: 1px solid #ccc;
           padding: 10px ;
           border-radius: 5px;
       }
       .wpcf7-textarea {
           width: 718px;
       }
       ```
   
 * ​​
 *  Thread Starter [Meganbrandlective](https://wordpress.org/support/users/meganbrandlective/)
 * (@meganbrandlective)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/#post-6647217)
 * Hi, Thanks for your help.
    However, we’ve added it onto the bottom of the style.
   css file but it’s not working. Can you advise on why this is? Am I missing something?
   Thanks.
 *  Thread Starter [Meganbrandlective](https://wordpress.org/support/users/meganbrandlective/)
 * (@meganbrandlective)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/#post-6647219)
 * Hi Thanks, for your help.
    However, we’ve added it onto the bottom of the style.
   css file but it’s not working. Can you advise on why this is? Am I missing something?
   Thanks.
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/#post-6647271)
 * You may add your CSS via [Child Theme ](http://wplift.com/customise-wordpress-child-theme)
   or use [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css).

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

The topic ‘Boxes do not show’ 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/)

 * 4 replies
 * 2 participants
 * Last reply from: [davmerit](https://wordpress.org/support/users/davmerit/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/boxes-do-not-show/#post-6647271)
 * Status: not resolved