I followed one of the post and copied the same code to the css stylesheet :
I wonder why the submit button for my gform is not aline? Can someone guide me through how to make the adjustment.
Thanks
P.S. link : http://www.vincentyim.com/test-form/2011/10/05/
You probably copied a CSS snippet that was customized for someone else's site. You can use those, but you have to adjust them so they work on your site.. it wasn't intended to be a generic fix.
Remove the previous CSS snippet and try this. You can adjust it if needed to suit your preference.
[css]
/* make the form container relative for positioning */
body #gform_wrapper_8 {
position: relative;
}
/* set a width on the form body so the button has room on the right */
body #gform_wrapper_8 .gform_body {
width: 485px;
}
/* resize and re-position the form footer with the button */
body #gform_wrapper_8 .gform_footer {
width: auto;
position: absolute;
top: 80px;
right: 16px;
padding: 0;
margin: 0;
}test screenshot: http://bit.ly/p2yx7T
You didn't copy the CSS snippet completely.. the first backslash is missing from the first comment and the rule for the form wrapper isn't being applied.
screenshot: http://bit.ly/opdAan
Wonderful. I'm happy I could help. Thanks for the update.