Title: Text Area Sizes
Last modified: August 21, 2016

---

# Text Area Sizes

 *  [CPKN](https://wordpress.org/support/users/cpkn/)
 * (@cpkn)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/)
 * I cant seem to get the column size (width) to increase, only the row (length).
   I need a wider box as the current size sucks.
 * no matter what value I enter, it does not change.
 * What’s wrong with it?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  Thread Starter [CPKN](https://wordpress.org/support/users/cpkn/)
 * (@cpkn)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944303)
 * I found this in some sort of support,
 * .wpcf7 textarea.wpcf7-textarea { width:710px;}
 * I am suppose to add that to my Styles.css, but now that will make all textarea
   boxes have same size… That’s not the point in being able to select the size.
 * Is there a way to edit that code in a certain way so it grabs the width data 
   from what you enter in the code?
 * It seems to be a theme override, maybe does anybody know where a code in styles
   or something that is doing a override to text box sizes?
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944487)
 * 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.
 *  Thread Starter [CPKN](https://wordpress.org/support/users/cpkn/)
 * (@cpkn)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944490)
 * Thanks Buzztone Member.
 * That link is great1, I took a quick skim of it. Can do a lot more cool stuff 
   now.
 * I did say I skimmed it, but I have a good feeling it doesn’t have what will solve
   my issue.
 * When you can select which element from the right (email, phone, radio, textarea),
   you get a whole bunch of stuff to fill out. For the textarea, you get to choose
   the “col” & “row” size. This is for width and length.
 * My issue is, here is my example code
 *     ```
       <p>Your Message<br />
           [textarea your-message 25x20]  </p>
       ```
   
 * So when I look at the final product, the size should represent the 25×20 but 
   instead, the length is only done and width stays at what appears to be a default
   size, that being I think 10-12, if you look at it at the ##x## format.
 * So if this:
 * `.wpcf7 textarea.wpcf7-textarea { width:710px;}`
 * is the only way to change the size, then why have the code generator have the
   option to change box sizes? Well yes, because like me, I would like to be able
   to have different sizes for different situations.
 * That custom code I added to the CSS file makes all, no matter what, that size.
 * My point is, I want the generator to be able to take the 25×20 and actually render
   the size I specify.
 * So why isn’t it?
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944518)
 * > RE: My point is, I want the generator to be able to take the 25×20 and actually
   > render the size I specify. So why isn’t it?
 * ​
    The “size” you use in the Form section of the CF7 refers to the standard HTML
   [size attribute](http://www.w3.org/TR/html401/interact/forms.html#adef-size-INPUT)
   which may or may not control overall element size. Its main purpose is to limit
   the number of characters and/or rows you can enter.
 * ​Back in the 1990s ​​the standard HTML size attribute probably did what you want,
   but with modern CSS based websites the overall size of the form elements is more
   generally controlled by the CSS in your current WordPress theme.
 *  Thread Starter [CPKN](https://wordpress.org/support/users/cpkn/)
 * (@cpkn)
 * [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944530)
 * I checked and im pretty sure its the CSS version of col & row. It has its own
   character attributes.
 * I am very sure the point of the form you fill out is to be able to control hose
   sort of things, otherwise from tests that use your theory, is pointless to have.
 * I do think my theme has a control that overrides the contact form plugin unless
   you create another override of which the code I mention does.
 * What I want is to be able to use the code generated and have the textarea adjust
   the size I specify…
 * Could I put a code into the form I create, like instead of it being ##x##, I 
   could put something like the above code?
 * I think coding must be advanced enough to have something as simple as control
   over the size of a textarea.

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

The topic ‘Text Area Sizes’ 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
 * 2 participants
 * Last reply from: [CPKN](https://wordpress.org/support/users/cpkn/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/text-area-sizes/#post-4944530)
 * Status: not resolved