[Plugin: Contact Form 7] How to change size of input box?

This can be done by editing the form in use, generating a new field, and applying the size, css etc., then adding where desired.

I wrapped the form fields in a containing div for control but it only works on the “Your Message” box. The other input fields seem to be governed by something else and it’s not showing up using the Chrome developer tool.

I have found a little easier way:
just add the size to get something like this:

<p>Your name*
[text* your-name 26/40] </p>

Where 26 is sze of input box and 40 is max lengh of input data

Weird, CSS always works for me with CF7.

Try the important rule as well..

eg:

.someclass {
height: 10px !important;
}