https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page Gravity Support Forums Topic: How to align the form on the page? en-US Sun, 05 Apr 2026 11:50:48 +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-the-form-on-the-page#post-27910 Thu, 16 Jun 2011 08:30:59 +0000 Kevin Flahaut 27910@https://legacy.forums.gravityhelp.com/ <p>Here's the current link. </p> <p><a href="http://www.gravityhelp.com/resources/cssguide/css_guide.html" rel="nofollow">http://www.gravityhelp.com/resources/cssguide/css_guide.html</a></p> <p>I'll look into why my redirect isn't working. Thanks For the heads up. </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page#post-27905 Thu, 16 Jun 2011 07:21:16 +0000 johnwade 27905@https://legacy.forums.gravityhelp.com/ <p>The link for help on this page is dead. <a href="http://www.gravityhelp.com/documentation/visual-css-guide/" rel="nofollow">http://www.gravityhelp.com/documentation/visual-css-guide/</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page#post-9079 Fri, 27 Aug 2010 23:19:11 +0000 gmcalp 9079@https://legacy.forums.gravityhelp.com/ <p>A great reference to learn more about CSS is:</p> <p><a href="http://www.w3schools.com" rel="nofollow">http://www.w3schools.com</a></p> <p>I use that a lot when I can't figure something out in PHP, CSS or HTML.</p> <p>Now, as far as the element name that you will need to look for and put in your style.css is this (from the CSS Styling section of the Documentation):</p> <p>All element ID’s are based on the unique form ID and then a field ID. For example: #gform_wrapper_xx where “xx” is the form ID or #field_xx_yyy where “xx” is the form ID and “yyy” is the field ID. </p> <p>If you are using Firefox, on the form page you can press Ctrl+U to view the page source (I think in IE it's View&gt;Source) and look for the:</p> <p><code>&lt;div class=&quot;gform_wrapper&quot; id=&quot;gform_wrapper_xx....&gt;</code></p> <p>(it's the ID section you'll want to put into your theme's style.css) and use the W3Schools website to figure out the CSS rules you'll need to move things around. </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page#post-9074 Fri, 27 Aug 2010 17:04:22 +0000 pcohen15 9074@https://legacy.forums.gravityhelp.com/ <p>gmcalp: Thank you. That guide assumes I know more about CSS than I do. I'm pretty good at following instructions, so if you could write something like, "In the style sheet for your theme, find this code and change that value ... " I'm sure the answer to moving the entire form to the left side of the page is in that guide somewhere, I just don't speak the language ;-)</p> <p>But I downloaded it anyway as a reference. </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page#post-9073 Fri, 27 Aug 2010 14:58:52 +0000 gmcalp 9073@https://legacy.forums.gravityhelp.com/ <p>check out this page in the documentation:</p> <p><a href="http://www.gravityhelp.com/documentation/visual-css-guide/" rel="nofollow">http://www.gravityhelp.com/documentation/visual-css-guide/</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-align-the-form-on-the-page#post-9069 Fri, 27 Aug 2010 11:38:39 +0000 pcohen15 9069@https://legacy.forums.gravityhelp.com/ <p>Hi: I am new to Gravity Forms, and it's perfect for what I need to do. Great product. I am wondering if there's a way to specify the alignment of the form on the page -- left, right, center -- that type of alignment. I have created a form on this page: <a href="http://capitolcollegiate.org/contact/" rel="nofollow">http://capitolcollegiate.org/contact/</a> and would like to move it to be left-aligned, or at least more to the left than where it currently sits. I am using the Agency child theme for StudioPress' Genesis platform. Thanks in advance for your help.<br /> Regards,<br /> Peter </p>