Title: how stretch box
Last modified: August 20, 2016

---

# how stretch box

 *  Resolved [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/)
 * Hi to everyone,
    is it possible stretch the boxes of text fields?
 * <p>**<font color=”666666″>Nome\*</font>**
    [text* your-name] </p>
 * <p>**<font color=”666666″>E-mail\*</font>**
    [email* your-email] </p>
 * <p>**<font color=”666666″>Oggetto\*</font>**
    [text your-subject] </p>
 * <p>**<font color=”666666″>Messaggio\*</font>**
    [textarea your-message] </p>
 * Thank you in advanced.
    M
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/how-stretch-box/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/how-stretch-box/page/2/?output_format=md)

 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205362)
 * Hello
    Yes you can customize them according to need to any extent. Thanks
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205365)
 * Hi Avipr
    Thank you for the answer. Please can you explain me how to do it?
 * Thanks
    M
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205370)
 * Yes I can help you, please tell me your requirements and modifications you need.
 *  [kmchome](https://wordpress.org/support/users/kmchome/)
 * (@kmchome)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205375)
 * I’m trying to do the same thing with this plugin. you can see my contact form
   at [http://boot.keepmecertified.com/help/](http://boot.keepmecertified.com/help/)
   I want to make the text boxes about 90% of the width and I can’t find what file
   or where to make that change.
 * thanks
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205378)
 * Hello
 * I just checked your site. You can do it by two methods
    1. give size for your
   text box in your contact form 7 area 2. overwrite css properties of text box.
 * Hope it will help you.
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205382)
 * Hi Avipr,
    thank you for the answer.
 * I would like to increase the length of the four boxes that I described in the
   first post.
 * Please could you tell me what css file i have to modify and the line where i 
   can find the code?
 * Thank you in advanced.
    M
 *  [doddy550](https://wordpress.org/support/users/doddy550/)
 * (@doddy550)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205385)
 * This is relevant to my interests… I am trying to style the contact form, but 
   cant see how i do it without hacking the plug-in. I would prefer not to do this.
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205387)
 * Hello
    If you don’t mind can you please drop me a message here [http://www.training.org.in/contact-us/](http://www.training.org.in/contact-us/)
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205390)
 * Hello avipr,
    Your contact form is too complex, ask me a contact number *
 * But do you have the answer to my question?
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205392)
 * 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.
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205394)
 * Thank you very much Avipir!
    I have tried the second solution and It works perfectly.
   Best regards M
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205395)
 * You are Welcome
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205398)
 * Do you know how reduce the message box field?
    Because now they are all of the
   same length.
 * Thank you in advanced
    M
 *  [avipr](https://wordpress.org/support/users/avipr/)
 * (@avipr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205399)
 * Hi
    Simple reduce the width. use 180 instead of 200
 *  Thread Starter [MattiaParla](https://wordpress.org/support/users/mattiaparla/)
 * (@mattiaparla)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/how-stretch-box/#post-3205400)
 * if i change from 200 to 180 all the boxes are 180 pixel.
    I would like have a
   different length only for message box field.

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/how-stretch-box/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/how-stretch-box/page/2/?output_format=md)

The topic ‘how stretch box’ 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/)

 * 20 replies
 * 6 participants
 * Last reply from: [WordPress.Net.In](https://wordpress.org/support/users/wordpressnetin/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/how-stretch-box/page/2/#post-3205422)
 * Status: resolved