Contact form 7 text field width

I am also experiencing this same problem. I am using the width command [text* text-field 25/20 ] in the form generator (and without the generator). The text length was also working for me, but the field width is not changing.

I am using the Avada theme on WordPress 4.2. Hope someone can help!

The overall size of the form elements is generally controlled by the CSS in your current WordPress theme rather than the “size” you use in the Form section of the CF7. This refers to the standard HTML size attribute which may or may not control overall element size.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

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.

You could also consider using Contact Form 7 Skins to style your Contact Form 7 Forms.??

If you want to use built-in length option in CF7 with avada, just paste the following CSS into your Avada custom CSS.

.wpcf7-form span.wpcf7-form-control-wrap input.wpcf7-form-control{
width:initial!important;
}

This will cancel the default full width (100%) inside the theme.