https://legacy.forums.gravityhelp.com/tags/alignment Gravity Support Forums Tag: alignment - Recent Topics en-US Sun, 19 Apr 2026 18:18:10 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/validation-error-alignment#post-358119 Tue, 02 Jul 2013 15:18:57 +0000 goitd 358119@https://legacy.forums.gravityhelp.com/ <p>we created a form that is one line with the submit button.<br /> <a href="http://goitd.com/form-test" rel="nofollow">http://goitd.com/form-test</a></p> <p>I cannot figure out how to fix the alignment issue if there is an error.</p> <p>The 2nd box shifts to the left.</p> <p>Any ideas ?</p> <p>here is the CSS ive pieced together..<br /> <pre><code>#gform_wrapper_4 .validation_error, #gform_wrapper_4 .gform_body .gform_fields .gfield_error .validation_message { display: none!important; } #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required { margin: 0!important; padding: 0!important; background: none!important; border: none!important; } #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0!important; } /* make the form container relative for positioning */ body #gform_wrapper_4 { position: relative; } /* resize and position the form footer with the button */ body #gform_wrapper_4 .gform_footer { width: auto; position: absolute; left: 683px; top: 20px; padding: 0; margin: 0; } /* align: 0 auto; text-align: center; */ body #gform_wrapper_4 .gform_body { position: relative; left: 280px; top: -6px; } body #gform_wrapper_4 .gform_footer input[type=submit] { border: 1px solid red; position: relative; left: 683px; top: 20px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-alignemnt-issues#post-239833 Mon, 06 May 2013 10:11:45 +0000 Vikas Chawla 239833@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I just installed the gravity form on a work-in-progress website at <a href="http://demo.drsmilez.com/wp/price-checker/" rel="nofollow">http://demo.drsmilez.com/wp/price-checker/</a></p> <p>I am having alignment issues with the field text. How do I correct this? I did read about the CSS class names but doesnt seem to help.</p> <p>Thanks in advance for your support.</p> <p>Vikas </p> https://legacy.forums.gravityhelp.com/topic/newsletter-signup-button-alignment#post-210705 Mon, 15 Apr 2013 21:10:03 +0000 neuic 210705@https://legacy.forums.gravityhelp.com/ <p>I've added a signup form on my posts and the button isnt aligning right on all browsers. Only works on safari. My code below and the form url: </p> <p><a href="http://www.jasonneuman.com/welcome-test/" rel="nofollow">http://www.jasonneuman.com/welcome-test/</a></p> <pre><code>[css] /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { -moz-box-shadow: 0 0 5px #bbb inset; -webkit-box-shadow: 0 0 5px #bbb inset; background-color: #fff; box-shadow: 0 0 5px #bbb inset; box-sizing: border-box !important; font-size: 14px !important; padding: 4px 5px !important; } body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;text&quot;] { height: 38px; margin-left: 55px; } body .gform_wrapper { background-color: #f5f5f5; padding: 10px; } div.gform_footer input.button { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; padding: 8px 15px !important; } div.gform_wrapper .ginput_complex label { font-size: 14px; } div.gform_wrapper li, div.gform_wrapper form li { margin: 0 0 10px; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } body #gform_wrapper_2 { position: relative; } body #gform_wrapper_2 div.validation_error { display:none } body #gform_wrapper_2 .gfield_error { width: 100%; border:none; } li#field_2_1 { padding-top:6px } li#field_2_1 input { width:66%; } body #gform_wrapper_2 .gform_footer { width: auto; position: absolute; top: 145px; left: 75%; padding: 0; margin: 0; } body #gform_wrapper_2 .gform_footer .gform_edit_link { display:none }</code></pre> https://legacy.forums.gravityhelp.com/topic/fitting-the-form-to-a-column#post-203117 Tue, 09 Apr 2013 22:34:29 +0000 Chris Rufo 203117@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I'm having an issue getting the form to fit into a column. I've got a two-column set of text on the site using &lt;div class="one-third"&gt; and &lt;div class="one-third-last"&gt;. The text content works just as expected and is put to the appropriate column, but the form will not go to the right column.</p> <p>You can see the result here: <a href="http://ageofchampions.org/wp-content/uploads/2013/04/Screen-shot-2013-04-09-at-7.30.27-PM.png" rel="nofollow">http://ageofchampions.org/wp-content/uploads/2013/04/Screen-shot-2013-04-09-at-7.30.27-PM.png</a>. </p> <p>Is there any trick to getting the form to fit into a &lt;div&gt; column? I can get it into my sidebar just fine, but can't get it into the second column. Thank you!</p> <p>The page is <a href="http://www.ageofchampions.org/premiere" rel="nofollow">http://www.ageofchampions.org/premiere</a>.</p> <p>Christopher </p> https://legacy.forums.gravityhelp.com/topic/left-aligned-place-description-above-fields-without-php-edits#post-152674 Fri, 22 Feb 2013 22:50:34 +0000 sproutfund 152674@https://legacy.forums.gravityhelp.com/ <p>When left alignment is selected for label placement, is it possible to modify the GF output to display descriptions above the field content instead of below--without editing the plugin files?</p> <p>Do you think that this <a href="http://www.gravityhelp.com/forums/topic/option-to-display-field-descriptions-above-field#post-3385" rel="nofollow">jQuery trick from 3 yrs ago</a> would still work? Is there a better jQuery class selector that would move all descriptions rather than having to hard code each?</p> <p>The draft form located at: <a href="http://remakelearning.org/directory/add-person/" rel="nofollow">http://remakelearning.org/directory/add-person/</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-alignment#post-152443 Fri, 22 Feb 2013 15:10:17 +0000 michaelmjc 152443@https://legacy.forums.gravityhelp.com/ <p>Hi there, </p> <p>I know there's lots of different posts on this, however, it seems everyone's theme varies how this will look. I would like the submit button to be on the right hand side underneath the other form elements. </p> <p><a href="http://yyzdesign.com/abq-albuquerque" rel="nofollow">http://yyzdesign.com/abq-albuquerque</a></p> <p>Can someone give me some insight as to how I can do this?</p> <p>Thanks so much,<br /> Mike </p> https://legacy.forums.gravityhelp.com/topic/label-and-field-in-the-same-line-for-single-line-text-box#post-109675 Fri, 28 Dec 2012 06:49:57 +0000 spandau2s 109675@https://legacy.forums.gravityhelp.com/ <p>Is there any easy way to align the label and field of a 'single line text' box in the same line? </p> https://legacy.forums.gravityhelp.com/topic/form-alignment#post-131586 Fri, 25 Jan 2013 15:52:11 +0000 alexmcevoy 131586@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I am trying to align my gravity form on the bottom of this page <a href="http://www.mhtpartners.com/services/seller-advisory/" rel="nofollow">http://www.mhtpartners.com/services/seller-advisory/</a></p> <p>So it looks like form on the bottom on this page <a href="http://www.mhtpartners.com/blog/investment-banking-topics/ma-advisory-services/" rel="nofollow">http://www.mhtpartners.com/blog/investment-banking-topics/ma-advisory-services/</a></p> <p>Basically I need to be able to put two form fields ("name" and "email) on the same horizontal plane.</p> <p>Also I would like to enlarge the lead up text ("Important decisions generally require…") and add some line spacing before the last sentence like on <a href="http://www.mhtpartners.com/blog/investment-banking-topics/ma-advisory-services/" rel="nofollow">http://www.mhtpartners.com/blog/investment-banking-topics/ma-advisory-services/</a></p> <p>Any help would be much appreciated!</p> <p>Alex </p> https://legacy.forums.gravityhelp.com/topic/enhanced-user-interface-chosen-script-list-of-items-not-aligned#post-96499 Wed, 28 Nov 2012 08:18:36 +0000 BorisHoekmeijer 96499@https://legacy.forums.gravityhelp.com/ <p>I've created a form with drowpdown and multi select lists. When clicked open, the items are neatly displayed below eachother. However, when I activated the Enhanced User Interface, the alignment is dropped, and all items are displayed after eachother. Only when the word doesn't fit the line anymore, is it displayed in the next line. It looks very messy. Have you any idea how this can be? I'm using GF 1.6.9 and WordPress 3.4.2.<br /> I don't have a URL as it's on my local machine (XAMPP), but I do have a screenshot. Is there an upload possibility? </p> https://legacy.forums.gravityhelp.com/topic/field-text-alignment#post-96150 Tue, 27 Nov 2012 10:13:01 +0000 claire schrader 96150@https://legacy.forums.gravityhelp.com/ <p>Hi I've just started using Gravity Forms. I notice on the preview the text displays fine but on my website both paragraph and single line of text fields - come out all bunched up - which looks odd and hard to read. Can you suggest how to rectify this? Thanks</p> <p><a href="http://www.makingmoves.net/breakthrough-questions/" rel="nofollow">http://www.makingmoves.net/breakthrough-questions/</a></p> <p>Claire Schrader </p>