https://legacy.forums.gravityhelp.com/topic/centering-a-form Gravity Support Forums Topic: Centering a form en-US Sun, 05 Apr 2026 08:57:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/centering-a-form#post-34302 Fri, 02 Sep 2011 19:36:25 +0000 Chris Hajer 34302@https://legacy.forums.gravityhelp.com/ <p>Until the form is published we won't be able to see it.</p> <p>However, to center a form on the page, target the .gform_wrapper. </p> <pre><code>[css] body .gform_wrapper { width:450px; margin:0 auto; background:yellow; }</code></pre> <p>That will make it narrow and yellow as well, so remove those lines once you see what you are actually targeting. The key here is the margin: top and bottom, zero, left and right, auto, which will center the div horizontally.</p> <p>You can find more examples of CSS targeting here:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Form_Wrapper" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Form_Wrapper</a> </p> https://legacy.forums.gravityhelp.com/topic/centering-a-form#post-34268 Fri, 02 Sep 2011 16:30:12 +0000 zerozendesign 34268@https://legacy.forums.gravityhelp.com/ <p>Hi guys,</p> <p>I'm trying to center a form within the page. I am using the form within the easy pagination shortcode. You can have a look here. <a href="http://clients.zerozendesign.com/galileo1/?page_id=299&amp;preview=true" rel="nofollow">http://clients.zerozendesign.com/galileo1/?page_id=299&amp;preview=true</a></p> <p>What CSS should I use to accomplish this? The code can be added to the header of the form to override default? </p>