Title: Form Field Width Changes
Last modified: August 20, 2016

---

# Form Field Width Changes

 *  [studioem](https://wordpress.org/support/users/studioem/)
 * (@studioem)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/form-field-width-changes/)
 * Does anyone know how to change the widths of the form fields?
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

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

 *  [davejampole](https://wordpress.org/support/users/davejampole/)
 * (@davejampole)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/form-field-width-changes/#post-3201386)
 * In the docs, with examples.
 *  [davejampole](https://wordpress.org/support/users/davejampole/)
 * (@davejampole)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/form-field-width-changes/#post-3201387)
 * Check this
 * <[http://wordpress.org/support/topic/plugin-contact-form-7-change-the-width-size-of-fields?replies=15&gt](http://wordpress.org/support/topic/plugin-contact-form-7-change-the-width-size-of-fields?replies=15&gt);
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/form-field-width-changes/#post-3201411)
 * Hi
 * Its here
    First Solution while creating contact form the default is something
   like this <p>email [email your-email] </p> <p>subject [text your-subject] </p
   >
 * Now add text box size to it like this [email your-email 24/] </p>
    Note 24/ is
   size, you can change it according to need, it will set the width of text box.
 * Now move to text area
    [textarea your-message 19×3] Note- 19×3 means 19 columns
   and 3 rows rows will set the height of text box and columns will set the width
   of text box.
 * Second Solution
    By using css, open your default theme’s css file which is style.
   css and append these line any where
 *     ```
       .wpcf7-text { width:200px !important; }
       .wpcf7-textarea { width:200px !important; }
       ```
   
 * the first one will set the width of text box and second one of textarea, now 
   please adjust the width according to need.
    !important; means any other style
   will be ignored or overwrite. Hope it will help you.

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

The topic ‘Form Field Width Changes’ 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

 * [field](https://wordpress.org/support/topic-tag/field/)
 * [form](https://wordpress.org/support/topic-tag/form/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 3 replies
 * 3 participants
 * Last reply from: [avipr](https://wordpress.org/support/users/avipr/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/form-field-width-changes/#post-3201411)
 * Status: not resolved