Text Area Sizes

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?

See 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.

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?

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 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.

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.