Your theme styles (style.css line 996) are adding 20px left margins to all list items (the forms are structured using lists) and this is throwing off the widths and causing the staggered floats that you're seeing.
[css]
#content .post ul li, #content .page ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}
If you disable that rule, you'll see that the formatting looks like it should.
screenshot: http://bit.ly/iLRKNd
You can override that by placing a more specific rule at the end of your theme stylesheet.
[css]
#content .post .gform_wrapper ul li,
#content .page .gform_wrapper ul li {
margin-left:0!important
}
Here's a quick debugging tip.. if it works/displays properly in the preview window and not when placed in the context of your theme, then it's a theme-related style issue.
Posted 13 years ago on Monday July 4, 2011 |
Permalink