[plugin Contact Form 7] styling text areas

A link to your site would help.

Sorry: https://blog.chuprinacreative.com/

Try adding:

.wpcf7-form-control-wrap your-message {width:265px}

to your theme’s stylesheet.

No, didn’t work, but thanks for your input.

Did it!

I changed the widths through the “settings contact edit panel.” From this:
`<p>Your Name (required)
[text* your-name] </p>

<p>Your Email (required)
[email* your-email] </p>

<p>Subject
[text your-subject] </p>

<p>Your Message
[textarea your-message] </p>
<p>[submit “Send”]</p>`

I ended up with this:

`<p>Your Name (required)
[text* your-name 33/100]</p>

<p>Your Email (required)
[email* your-email 33/100]</p>

<p>Subject
[text* your-subject 33/100]</p>

<p>Your Message
[textarea your-message 29×10]</p>
<p>[submit “Send”]</p>

The main difference being the addition of the 33/100 values which are: max size/max length. The other difference being 29×10 which is cols/rows. Unfortunately I’m not sure how this translates into the code and where it is placed, any explanations are greatly accepted.

Thanks for your input esmi.

P CHuprina

If you “view source” on the generated page, you’ll see HTML “input” tags.

In your site, there are the lines:

<input type="text" name="your-subject" value="" class="wpcf7-validates-as-required" size="33" maxlength="100" />
<textarea name="your-message" cols="29" rows="10"></textarea>

The first is generated using the 33/100. The second with the 29×10.

Is that what you were asking?