Contact Form 7

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 https://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.

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 https://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.