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.

Submit Button in Right column immediately after last field

Gravity Support Forums » Plugin Support » Gravity Forms

  1. mrarlen
    Member

    Hi, I'm quite pleased with the Gravity Forms plugin and the documentation is very good once you start reading. lol.

    I'm using a two column layout with the CSS Ready Classes.

    I would like to move the submit button to the right column immediately below the last field, but it seems like because the submit button is in the footer, I cannot get it to appear where I want it.

    I've tried using the CSS from other posts to move the submit button closer to the form, but with no luck. It's moved a little closer, but not enough. I need it 10px below the last field.

    Here's what I'm trying to do:
    Screenshot- http://cl.ly/1f3M2F0P0T0U1T2d3f2E
    My contact form is an iPad and I want to move the submit button within the iPad, but because it's in the footer of the form, it remains separate.

    Thanks!

    Posted 13 years ago on Tuesday June 28, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Can you post a URL to your form page so I can check it out? It's easier for me to give specific guidance if I can see your actual form.

    Posted 13 years ago on Tuesday June 28, 2011 | Permalink

  3. mrarlen
    Member

    Here's the url.

    http://www.arlennagata.com/lets-get-started/

    Posted 13 years ago on Tuesday June 28, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    You've set a 475px height for the gform_body div which is pushing the footer way down below your ipad image. Maybe you should apply the background image to the gform_wrapper div instead.

    Once that's ironed out, this should float the footer/button to align with the right column. You may need to tweak it just a bit, but it should get you close.

    [css]
body #gform_wrapper_1 .gform_footer {
	width: 48%;
	float:right;
	margin: 0 !important;
	padding: 0 !important;

}
    Posted 13 years ago on Tuesday June 28, 2011 | Permalink

  5. mrarlen
    Member

    Kevin, thanks so much! I got it all to fit in there. Your suggestions made all the difference.

    :)

    Posted 13 years ago on Wednesday June 29, 2011 | Permalink

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