Advanced custom CSS

Custom CSS

border, half-width fields

.strong-form {
	border: 1px solid #CCC;
	border-radius: 4px;
}
 
/* the first 4 fields */
.strong-form .form-field:nth-of-type(-n+4) {
	width: 48%;
}
 
/* the 1st and 3rd fields */
.strong-form .form-field:nth-of-type(1),
.strong-form .form-field:nth-of-type(3) {
	float: left;
}
 
/* the 2nd and 4th fields */
.strong-form .form-field:nth-of-type(2),
.strong-form .form-field:nth-of-type(4) {
	float: right;
}

Submit a testimonial

This demo form works so feel free to test it out.

A custom template is a better way to achieve a layout like this, especially if you are going to add or remove any fields. Contact me if you want help with that.

Required field