Title: length fields
Last modified: August 22, 2016

---

# length fields

 *  [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/length-fields/)
 * hello,
    how can I shorten fields
 * [
    see example
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/length-fields/#post-5520652)
 * This is due to CSS styling applied to standard HTML form elements within your
   current WordPress theme.
 * In particular the following code​​ [http://www.fansclubchievo.it/wp-content/themes/hueman/style.css](http://www.fansclubchievo.it/wp-content/themes/hueman/style.css):
 *     ```
       .wpcf7 input[type="text"], .wpcf7 input[type="email"] {
           display: block;
           float: left;
           padding: 10px;
           width: 100%;  /* THIS CODE */
       }
       ```
   
 * Also:
 *     ```
       .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform textarea {
           background: none repeat scroll 0 0 #fff;
           border: 2px solid #ddd;
           color: #777;
           display: block;
           max-width: 100%;  /* THIS CODE */
           outline: medium none;
           padding: 7px 8px;
       }
       ```
   
 * 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.​​

Viewing 1 replies (of 1 total)

The topic ‘length fields’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/length-fields/#post-5520652)
 * Status: not resolved