https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up Gravity Support Forums Topic: Button Alignment MailChimp Sign Up en-US Mon, 20 Apr 2026 04:34:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-190040 Fri, 29 Mar 2013 22:50:09 +0000 Chris Hajer 190040@https://legacy.forums.gravityhelp.com/ <p>Sounds like you were able to work this out? </p> https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-188368 Thu, 28 Mar 2013 20:44:37 +0000 neuic 188368@https://legacy.forums.gravityhelp.com/ <p>I went with this code instead seems to work better this way for responsive websites.<br /> <pre><code>[css] body #gform_wrapper_2 .gform_footer input#gform_submit_button_2 { width: 100%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-188069 Thu, 28 Mar 2013 14:13:14 +0000 neuic 188069@https://legacy.forums.gravityhelp.com/ <p>At lose - my theme is responsive and the button moves doesn't stay in place and isn't aligned right. So I will just wait for help now.. </p> https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-188029 Thu, 28 Mar 2013 13:18:44 +0000 neuic 188029@https://legacy.forums.gravityhelp.com/ <p>You also have to make a new form and code it for the side bar as the top/left px will be off for it. </p> https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-188025 Thu, 28 Mar 2013 13:14:20 +0000 neuic 188025@https://legacy.forums.gravityhelp.com/ <p>Update:</p> <p>I changed the form field to large. Changed code: (it places the sign up button on top of the field not sure if this will be a problem or not). Also I use the genesis framework.<br /> <pre><code>/* make the form container relative for positioning */ body #gform_wrapper_2 { position: relative; } /* resize and position the form footer with the button */ body #gform_wrapper_2 .gform_footer { width: auto; position: absolute; top: 112px; left: 278px; padding: 0; margin: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/button-alignment-mailchimp-sign-up#post-188006 Thu, 28 Mar 2013 12:49:25 +0000 neuic 188006@https://legacy.forums.gravityhelp.com/ <p>I've added the code referenced from the forum but still unable to get the button line up correct beside the field. My site is <a href="http://www.neuic.com" rel="nofollow">http://www.neuic.com</a> the submit form is at the bottom of the site and on the side bar of the blog. I would like the email field longer, if I select large in the form settings it doesn't leave any room for the button. </p> <p>Current code I've added to my style.css:<br /> <pre><code>[css] /* make the form container relative for positioning */ body #gform_wrapper_2 { position: relative; } /* resize and position the form footer with the button */ body #gform_wrapper_2 .gform_footer { width: auto; position: absolute; padding: 0; margin: -40px 180px 0 0; }</code></pre>