Change contact form 7 field display size

Contact Form 7 is using fixed display size for the form fields. In the form page it does not fit the page style. In order to make it better looking the stylesheet could be adjusted by following steps.

Customize theme -> Additional CSS, add following code.

.wpcf7-form p label {
	width:100%;
}

.wpcf7-form p label span input {
	width:100%;
}

.wpcf7-form {
	padding:10px;
}
/*
.wpcf7-form p label span textarea {
	display:block;
	width:100%;
}
*/

contact form 7 field size adjustment

Advertisements

Leave a Reply