Hi,
I have a bit of code that I am duplicating for all of my forms for formatting purposes. Can you suggest a way to simplify this so my settings apply to all forms? Otherwise I need to keep duplicating a portion each time I create a new form!
[css]
body #gform_wrapper_1 form {
background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
');
padding: 10px;
border:0px solid #cccccc;
border-radius: 10px;
box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7);
}
/* make the form container relative for positioning */
body #gform_wrapper_1 {
position: relative;
}
/* resize and position the form footer with the button */
body #gform_wrapper_1 .gform_footer {
width: auto;
position: relative;
top: 15px;
left: 0px;
padding: 0;
margin: 0;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color: #FFFFFF}
body #gform_wrapper_3 form {
background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
');
padding: 10px;
border:0px solid #cccccc;
border-radius: 10px;
box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7);
}
/* make the form container relative for positioning */
body #gform_wrapper_3 {
position: relative;
}
/* resize and position the form footer with the button */
body #gform_wrapper_3 .gform_footer {
width: auto;
position: relative;
top: 15px;
left: 0px;
padding: 0;
margin: 0;
}
body #gform_wrapper_4 form {
background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
');
padding: 10px;
border:0px solid #cccccc;
border-radius: 10px;
box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7);
}
/* make the form container relative for positioning */
body #gform_wrapper_4 {
position: relative;
}
/* resize and position the form footer with the button */
body #gform_wrapper_4 .gform_footer {
width: auto;
position: relative;
top: 15px;
left: 0px;
padding: 0;
margin: 0;
}
body #gform_wrapper_5 form {
background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
');
padding: 10px;
border:0px solid #cccccc;
border-radius: 10px;
box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7);
}
/* make the form container relative for positioning */
body #gform_wrapper_5 {
position: relative;
}
/* resize and position the form footer with the button */
body #gform_wrapper_5 .gform_footer {
width: auto;
position: relative;
top: 15px;
left: 0px;
padding: 0;
margin: 0;
}