https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons Gravity Support Forums Topic: How to align multiform buttons? en-US Fri, 03 Apr 2026 17:48:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24620 Mon, 02 May 2011 09:20:40 +0000 Kevin Flahaut 24620@https://legacy.forums.gravityhelp.com/ <p>Sorry, I overlooked that part. Again, basic CSS is all you need to manipulate the button placement, just target the right element like this. This doesn't exactly center it, but it's close. You can experiment with different methods from there if you want.</p> <pre><code>[css] body .gform_wrapper .gform_page_footer input#gform_submit_button_1 { margin-left:170px }</code></pre> <p>screenshot: <a href="http://grab.by/a1mx" rel="nofollow">http://grab.by/a1mx</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24610 Sun, 01 May 2011 19:33:17 +0000 isuk 24610@https://legacy.forums.gravityhelp.com/ <p>Works great, and how should the submit button be centered via css? </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24609 Sun, 01 May 2011 19:28:26 +0000 Kevin Flahaut 24609@https://legacy.forums.gravityhelp.com/ <p>The next button has it's own class. It's easy to apply new styles to it if you want. Try adding this to the end of your style.css file</p> <pre><code>[css] body .gform_wrapper input.button.gform_next_button {float:right}</code></pre> <p>test screenshot: <a href="http://grab.by/a16e" rel="nofollow">http://grab.by/a16e</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24608 Sun, 01 May 2011 18:52:10 +0000 isuk 24608@https://legacy.forums.gravityhelp.com/ <p>Link to such a multiform is: <a href="http://alturl.com/wxnym" rel="nofollow">http://alturl.com/wxnym</a></p> <p>Regards,<br /> isuk </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24605 Sun, 01 May 2011 18:04:55 +0000 Kevin Flahaut 24605@https://legacy.forums.gravityhelp.com/ <p>How about a URL to your form? I'll be happy to take a look and help you out. </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-multiform-buttons#post-24599 Sun, 01 May 2011 14:17:44 +0000 isuk 24599@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I have three different types of buttons (text, no images) in a multiform. Previous, Next and Submit. The footer of a multiform is limited to 92% through one of the lines in the org gf style.css:<br /> .gform_wrapper .gform_page_footer {margin:20px 0; width:92%; border-top:1px dotted #ccc; padding:16px 0 0 0}</p> <p>How do I align the "Next" to be on the right side in the footer (on the same line as "Previous") and stay at that exact position on every page on any multiform (one general rule to set the postion for all forms and all pages) and how do I do the same (this time: center the button on all multipage forms) for the "Submit" button?</p> <p>It would be nice if the right end of the Next button box would be right under the end of the dotted footer line (vertically aligned with it). This is a picture of how it should look like for the "Next" button: <a href="http://img862.imageshack.us/i/x000.jpg/" rel="nofollow">http://img862.imageshack.us/i/x000.jpg/</a></p> <p>Tia,<br /> isuk </p>