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

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Byronvale
    Member

    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 12 years ago on Monday March 25, 2013 | Permalink

  2. Kevin Flahaut
    Administrator

    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;
}
    Copy

    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 12 years ago on Monday March 25, 2013 | Permalink

  3. Byronvale
    Member

    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 12 years ago on Monday March 25, 2013 | Permalink

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