PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Theme CSS over riding Gravity Form CSS

  1. 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.

    Posted 6 years ago on Monday March 25, 2013 | Permalink
  2. 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.

    Posted 6 years ago on Monday March 25, 2013 | Permalink
  3. Hi Kevin, thanks for your help. I looked at the code you pointed out and fixed it myself. Thanks for the point in the right direction.

    Posted 6 years ago on Monday March 25, 2013 | Permalink

This topic has been resolved and has been closed to new replies.