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.

Create simple inline email form (positioning submit button)

  1. Hi guys,

    I need some help figuring out how to position the submit button for a form that needs to be inline (all fields + submit button on same line) over here:

    http://brewponydev.wpengine.com/coming-soon

    I can sort of figure out how to do it myself, but things start to break with validation errors and moving the submit button with big margins definitely makes things go wonky with responsive design.

    What's the *right* way to do this?

    Thanks,
    Tyler

    Posted 6 years ago on Tuesday February 26, 2013 | Permalink
  2. Tyler,

    You could try floating, perhaps something like:

    [css]
    #field_5_1 {
    float: left;
    }
    #gform_wrapper_5 .gform_footer.top_label {
    float: left;
    clear: none;
    }

    Also, you could always disable the CSS output on the Gravity Forms settings page if needed. In some cases, it might be easier from the ground up to do that.

    You would also then need to clear you content below.

    Posted 6 years ago on Tuesday February 26, 2013 | Permalink
  3. Thanks, Rob. What do you mean by "clear your content below"? I don't know what that means.

    Also, is there a way to selectively remove GF CSS to just one form? I have a number of forms on the site using GF styling just fine. I don't really want to have to rebuild for all of them...

    Posted 6 years ago on Tuesday February 26, 2013 | Permalink
  4. Hey Tyler,
    I'm trying to do something similar. I'm using the CSS Ready Class of gf_inline on the form fields, but not sure what the best way to position the submit button is. If you found a solution, I'd love to hear it. :)

    Cheers,
    Carrie

    Posted 6 years ago on Tuesday March 26, 2013 | Permalink
  5. @cdils, you have to position the submit button independently, not with the CSS ready classes, because it's not a list item in the form. The footer is separate from the input elements. Here is a comprehensive explanation http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798

    Posted 6 years ago on Saturday March 30, 2013 | Permalink
  6. Thank you Chris!

    Posted 6 years ago on Monday April 1, 2013 | Permalink
  7. You're welcome @cdils.

    Posted 6 years ago on Monday April 1, 2013 | Permalink

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