When I use Gravity Form with other themes it looks great but when I use the Mainstream theme it looks like this.
http://www.byronvale.com/community-noticeboard/submit-a-community-notice/
Everything is bold and the questions don't run horizontal above the answers. I know it's the CSS but everything I have tried changing doesn't fix it. Any suggestions where to start would be great.
WooThemes has added Gravity Forms specific styling to their themes that override the default "top label" settings. You'll want to contact the WooThemes support team for suggestions on how to best override or remove their theme styles so the default Gravity Forms styling works correctly.
for example, if you disable this rule on line 665 of the theme's style.css file…
[css]
.gform_wrapper .top_label .gfield_label {
display: block;
float: left;
margin: 5px 0 4px !important;
padding-right: 20px;
width: 100px;
}you'll see that the form starts looking more like the default.. at least the top label position.
screenshot: http://i.imgur.com/7HSXu3J.jpg
the left float and width specification on the label in their rule is forcing the label position and the "cramped" label layout.
