Yeah, you've got all sorts of wonky, unnecessary styles in there that are causing problems. You can try adding this to the end of your theme stylesheet to override those and move the button.
[css]
body #gform_wrapper_1 .gform_footer.right_label,
body #gform_wrapper_1 .gform_footer.left_label {
padding: 16px 0 10px 0 !important
}
#appointment #gform_wrapper_1 .gform_footer .button {
margin-left: 0 !important
}
test screenshot: http://bit.ly/ww8qcM
Have you thought about just using the default "top label" format? It looks better for forms with limited horizontal space like yours.. reads better (eye tracking studies prove this) and doesn't require you to do a bunch of hacked up CSS to make it work. Just a thought.
Posted 12 years ago on Monday March 12, 2012 |
Permalink