https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left Gravity Support Forums Topic: How to move the form to the left en-US Mon, 20 Apr 2026 13:49:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47544 Fri, 27 Jan 2012 14:18:40 +0000 Rob Harrell 47544@https://legacy.forums.gravityhelp.com/ <p>Glad to help out Lucas. </p> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47542 Fri, 27 Jan 2012 14:04:24 +0000 Richard Vav 47542@https://legacy.forums.gravityhelp.com/ <p>@Lucas No problem<br /> @Rob I have to admit I missed that rule when I was scrolling through the html &amp; css in chromes inspector, sometimes you can't see what's right in front of you </p> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47541 Fri, 27 Jan 2012 13:57:40 +0000 lucasgrav 47541@https://legacy.forums.gravityhelp.com/ <p>Thanks guys! Both of your ways worked great! Thanks to your both, and for your time.</p> <p>-Lucas </p> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47540 Fri, 27 Jan 2012 13:51:00 +0000 Rob Harrell 47540@https://legacy.forums.gravityhelp.com/ <p>Lucas, this margin is causing your indent:</p> <pre><code>[css] #content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, .catalyst-widget-area ul li, .catalyst-widget-area ol li { margin: 0 0 0 20px; padding: 0; }</code></pre> <p>You can either axe that, or drop something like this into your theme's stylesheet:</p> <pre><code>[css] li.gfield { margin-left: 0 !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47539 Fri, 27 Jan 2012 13:50:43 +0000 Richard Vav 47539@https://legacy.forums.gravityhelp.com/ <p>Lucas,</p> <p>If you want to move the entire form closer to the left side of the footer you will need to modify the css rules for the footer, currently it has a width of 960px and the margins are set in such as way that it is centralised. Your current rule is<br /> <pre><code>#footer { width: 960px; height: 100%; margin: 0 auto; padding: 5px 0; clear: both; float: none; display: block; }</code></pre> <p>You will have to modify the margin so it reads something like, but this will affect all your other pages<br /> <pre><code>margin:0 5px;</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47538 Fri, 27 Jan 2012 13:47:43 +0000 lucasgrav 47538@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Thanks for your time. Really appreciate it. I set the label placement to left aligned and it's left aligned but you can't edit it with CSS coding too? Because I need it like 5px away from the left side footer, know what I mean?</p> <p>Thanks again.</p> <p>-Lucas </p> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47536 Fri, 27 Jan 2012 13:41:37 +0000 Richard Vav 47536@https://legacy.forums.gravityhelp.com/ <p>No problem Lucas, your form is currently set to right align the labels if you want them to align left you need to edit the form settings and change the 'label placement' to 'left aligned'. Doing that should bring your labels inline with the letter b in the 'subscribe to our newsletter' heading.</p> <p>Richard </p> https://legacy.forums.gravityhelp.com/topic/how-to-move-the-form-to-the-left#post-47530 Fri, 27 Jan 2012 13:27:40 +0000 lucasgrav 47530@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm having some trouble with this. On my website, <a href="http://173.254.15.37/nwtm/" rel="nofollow">http://173.254.15.37/nwtm/</a> The form is at the bottom, the footer. I need everything to the left, for example: \</p> <p>The ''Subscribe to our newsletter'' has to be 5 pixels away from the edge of the footer.<br /> The name, email and categories about 10 pixels away from the edge of the footer.</p> <p>I can't seem to figure out the CSS code for it. Any help please?</p> <p>Sorry for all the questions.</p> <p>Thanks.</p> <p>-Lucas </p>