It's just simple CSS work. Find the styles for the form you want to emulate, the apply them to the Gravity Forms inputs like this.
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
border: 1px solid #EAEAEA;
color: #666666;
height: 22px;
margin-bottom: 10px;
padding: 5px 0;
}
You can find samples of how to properly target and manipulate the various form elements in the documentation here.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
Posted 13 years ago on Wednesday May 25, 2011 |
Permalink