Title: Input area size?
Last modified: August 30, 2016

---

# Input area size?

 *  Resolved [Matija1506](https://wordpress.org/support/users/matija1506/)
 * (@matija1506)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/input-area-size/)
 * Hi
 * How to modify the size of input areas?
 * this is the link: [http://www.zupa-sv-leopold-mandic.hr/kontakt](http://www.zupa-sv-leopold-mandic.hr/kontakt)
 * I need smaller input fields, not tat long!
 * [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, 8 months ago](https://wordpress.org/support/topic/input-area-size/#post-6583873)
 * 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.
 * I used firebug to examine your form and here the code that would correct the 
   style of your form.
    ​​ **Correction code:** ​
 *     ```
       .wpcf7-form .wpcf7-textarea {
           width: 425px;
       }
       .wpcf7-form .wpcf7-text {
           width: 425px;
       }
       .wpcf7-form {
           width: 425px;
           margin: 0 auto;
       }
       ```
   
 * 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).
 * You could also try the [CF7 Skins](https://wordpress.org/plugins/contact-form-7-skins/)
   plugin, saves time in styling Contact Form 7 forms
 *  Thread Starter [Matija1506](https://wordpress.org/support/users/matija1506/)
 * (@matija1506)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/input-area-size/#post-6583875)
 * tnx it worked like a charm 🙂
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/input-area-size/#post-6583887)
 * If this resolves your question, it helps others contributing here, if you can
   flag your post as [resolved]
 *  Thread Starter [Matija1506](https://wordpress.org/support/users/matija1506/)
 * (@matija1506)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/input-area-size/#post-6583888)
 * Thanks 🙂

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

The topic ‘Input area size?’ 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: [Matija1506](https://wordpress.org/support/users/matija1506/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/input-area-size/#post-6583888)
 * Status: resolved