Title: CSS Problem
Last modified: August 21, 2016

---

# CSS Problem

 *  Resolved [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/css-problem-13/)
 * Here is my CSS style coding below:
 *     ```
       /*---- CONTACT FORM 7 CSS BEGIN ----*/
       .wpcf7 {
       	margin-bottom: 0px;
       }
   
       .wpcf7 p {
       /*	margin-bottom: 10px;*/
       }
   
       .wpcf7 span.wpcf7-list-item {
       	margin-left: 0;
       	margin-right: 5px;
       }
   
       .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 textarea {
       	width: 100%;
       }
   
       .wpcf7 input[type="submit"] {
           background: none repeat scroll 0 0 #111111;
           border: 0 none;
           border-radius: 5px 5px 5px 5px;
           color: #D4D4D4;
           cursor: pointer;
           font-size: 11px;
           margin: 0 5px 0 0;
           padding: 5px 10px;
           text-align: center;
           text-transform: uppercase;
       }
   
       .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="file"], .wpcf7 input[type="email"]{
       	max-width: 200px;
       }
   
       .wpcf7 input[type="captchar"]{
       	max-width: 100px;
       }
   
       .wpcf7 input, .wpcf7 textarea, .wpcf7 file, .wpcf7 email {
       	margin-bottom: 10px;
       	border:1px solid #5b5b5b;
           height: 19px;
           padding:2px 5px;
           border-radius:5px;
           font-size:12px;
       }
   
       .wpcf7 select {
       	margin-bottom: 10px;
       	border:1px solid #5b5b5b;
           height: 24px;
           padding:2px 5px;
           border-radius:5px;
           font-size:14px;
       }
       /*---- CONTACT FORM 7 CSS END ----*/
       ```
   
 * I am trying to style the captcha box and the file attachment box as well.. The
   captcha is is being styled like all the other fields, I am trying to make it 
   smaller. The file attachment field is not being styled at all.
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

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

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721497)
 * CAPTCHA input field has wpcf7-captchar class so you can use
 *     ```
       .wpcf7 input.wpcf7-captchar {
       	width: 100px;
       }
       ```
   
 * File uploading field is `input[type=file]`.
 *  Thread Starter [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721501)
 * Already got the CAPTCHA field:
 *     ```
       .wpcf7 input[type="captchar"]{
       	max-width: 100px;
       }
       ```
   
 * It is the file one that is not working, here is my code for it:
 *     ```
       .wpcf7 input[type="file"]{
       	background: #ffffff;
       	margin-bottom: 10px;
       	border:1px solid #5b5b5b;
       	-moz-border-radius: 5px;
       	-webkit-border-radius: 5px;
       	-khtml-border-radius: 5px;
           padding:2px 5px;
           /*border-radius:5px;*/
           font-size:12px;
       	width: 200px;
       }
       ```
   
 * Any help would be greatly appreciated..
 *  Thread Starter [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721681)
 * Got it all working now.. thanks..
 *  [jetfire](https://wordpress.org/support/users/jetfire/)
 * (@jetfire)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721683)
 * Where can I locate this css to edit contact 7? Is this the css of contact or 
   css of the theme?
 *  Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * (@jdembowski)
 * Forum Moderator and Brute Squad
 * [12 years, 10 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721684)
 * You may get better results posting your own topic instead especially as this 
   one is marked resolved.
 * [http://wordpress.org/support/plugin/contact-form-7#postform](http://wordpress.org/support/plugin/contact-form-7#postform)
 * Generally speaking CSS can be applied via your theme’s ([child theme is better](http://codex.wordpress.org/Child_Themes))`
   style.css` file or using a custom CSS plugin.
 * **Edit**: And stop replying to multiple resolved themes like that, you already
   got the answer.
 * [http://wordpress.org/support/topic/text-alongside-contact-form?replies=8#post-4223084](http://wordpress.org/support/topic/text-alongside-contact-form?replies=8#post-4223084)

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

The topic ‘CSS Problem’ 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/)

 * 5 replies
 * 4 participants
 * Last reply from: [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/css-problem-13/#post-3721684)
 * Status: resolved