I've read other posts and can't seem to fix my problem.
I have a responsive template and I know where to edit the width of the fields and submit button in the CSS. I can change the submit button width using percentages but I can't seem to change the width of the fields in percentage (or px for that matter). Why? Is this an issue with the field size selector? (Small / Medium / Large).
Here is my site: http://www.lemmonddesign.dreamhosters.com/.
Below is the code I have in the smallest size. I can edit the submit button width but not the input fields.
Help!
.gform_wrapper {
margin: -20px 0px -10px 0px;
padding: 0px 0px 0px 0px;
}
body .gform_wrapper .gfield_required {
display: none;
width: 100%;
}
.gform_wrapper .gform_body .gform_fields .gf_inline {
margin: 0px -10px 0px 0px;
width: 100%;
}
#input_1_4 {
height: 36px;
padding: 9px 0 9px 0;
width: 100%;
}
/*---Edit Submit Button in GF---*/
.gform_wrapper .gform_footer .button {
float: none;
height: 36px;
width: 20%;
margin: 0px 0px 0px 0px;
}