The other form you referenced looks like it has a few styling issues of it's own. Personally, I think the left-label or right-label layout is a poor choice for a sidebar form because of the limited horizontal space. Of course it's your site and your preference.
screenshot: http://bit.ly/qLGJsL
You can tighten up the vertical spacing by reducing the bottom margin value from the containing list items. Add this to the end of your theme stylesheet.
[css]
body #gform_wrapper_1.gform_wrapper ul.right_label li,
body #gform_wrapper_1.gform_wrapper form ul.right_label li,
body #gform_wrapper_1.gform_wrapper ul.left_label li,
body #gform_wrapper_1.gform_wrapper form ul.left_label li {
margin-bottom:0
}
after that, go into the form editor and change the width setting on all of the fields from "medium" to "large"
test screenshot: http://bit.ly/ogfenD
from there you can target the different elements of the form to fine-tune it to your preference. The documentation has a comprehensive breakdown of all the form elements and examples of how to properly target them for CSS manipulation.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
Posted 13 years ago on Friday August 5, 2011 |
Permalink