How to change width of Contact Form 7 text fields in WordPress

If you are using the Contact Form 7 plugin for WordPress for your contact forms, you may want to change the width of the text entry fields. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the text entry fields in Contact Form 7 forms.

/**
 * Change Contact Form 7 input width
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-form-control {
	width: 250px;
}

Just change the width I listed above with whatever width you want your input text entry fields in Contact Form 7 forms to be. That’s it, now the width of your input text fields should be changed. Hope this helps, enjoy.

How to change width of Contact Form 7 textarea fields in WordPress

If you are using the Contact Form 7 plugin for WordPress for your contact forms, you may want to change the width of the textarea entry fields. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the textarea entry fields in Contact Form 7 forms.

/**
 * Change Contact Form 7 textarea width
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control {
	width: 250px;
}

Just change the width I listed above with whatever width you want your textarea entry fields in Contact Form 7 forms to be. That’s it, now the width of your textarea fields should be changed. Hope this helps, enjoy.