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.

Multi Page Form CSS Issue

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Budd@h
    Member

    I have a multi page form here:

    http://www.openplan.com/literature-request-form/

    and the dotted line separating the Next / Previous buttons displays correctly on every page except the first page where it appears above the last form fields instead of below them. I've looked through the code and can't determine why this is happening. Page tested in Chrome and Firefox on Mac.

    Posted 12 years ago on Thursday November 1, 2012 | Permalink

  2. Kevin Flahaut
    Administrator

    The problem is that you're using the CSS ready classes to float the elements preceding the form footer and the footer container isn't cleared. You can try adding this to your theme CSS

    [css]
body .gform_wrapper .gform_page_footer {
     clear: both
}

    test screenshot: http://grab.by/hcoU

    Posted 12 years ago on Thursday November 1, 2012 | Permalink

  3. Budd@h
    Member

    Worked like a charm. Thank you!

    Posted 12 years ago on Thursday November 1, 2012 | Permalink

  4. Kevin Flahaut
    Administrator

    Super. Thanks for the update. I'm glad that did the trick.

    Posted 12 years ago on Thursday November 1, 2012 | Permalink

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