https://legacy.forums.gravityhelp.com/tags/alignment Gravity Support Forums Tag: alignment - Recent Posts en-US Sun, 19 Apr 2026 16:31:43 +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-358175 Tue, 02 Jul 2013 16:12:07 +0000 Richard Vav 358175@https://legacy.forums.gravityhelp.com/ <p>You're welcome </p> https://legacy.forums.gravityhelp.com/topic/validation-error-alignment#post-358173 Tue, 02 Jul 2013 16:11:01 +0000 goitd 358173@https://legacy.forums.gravityhelp.com/ <p>That worked.. Thank you for your help.. </p> https://legacy.forums.gravityhelp.com/topic/validation-error-alignment#post-358139 Tue, 02 Jul 2013 15:31:04 +0000 Richard Vav 358139@https://legacy.forums.gravityhelp.com/ <p>Try adding the following<br /> <pre><code>#gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required { margin-right: 14px !important; }</code></pre> 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-239877 Mon, 06 May 2013 11:14:13 +0000 Vikas Chawla 239877@https://legacy.forums.gravityhelp.com/ <p>Thanks for the prompt response. Its much better now. Is it possible to middle align the text with the radio button as the text still seems to be a little above the button but eitherways it looks so much better :) </p> https://legacy.forums.gravityhelp.com/topic/form-alignemnt-issues#post-239872 Mon, 06 May 2013 11:09:53 +0000 Rob Harrell 239872@https://legacy.forums.gravityhelp.com/ <p>Vikas,</p> <p>Just place this CSS snippet in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).</p> <pre><code>[css] .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { height: auto; } .gform_page_footer { clear: both; }</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-211597 Tue, 16 Apr 2013 09:44:42 +0000 neuic 211597@https://legacy.forums.gravityhelp.com/ <p>So I went with this as the browsers and mobile do not seem to get along with each other. I would like the button beside the input field if its possible to make it work across all platforms. </p> <p>/* Gravity Forms<br /> ------------------------------------------------------------ */</p> <p>div.gform_wrapper input,<br /> div.gform_wrapper select,<br /> div.gform_wrapper textarea {<br /> -moz-box-shadow: 0 0 5px #bbb inset;<br /> -webkit-box-shadow: 0 0 5px #bbb inset;<br /> background-color: #fff;<br /> box-shadow: 0 0 5px #bbb inset;<br /> box-sizing: border-box !important;<br /> font-size: 14px !important;<br /> padding: 8px 5px !important;<br /> }</p> <p>body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {<br /> padding: 8px 15px !important;</p> <p>}</p> <p>div.gform_footer input.button {<br /> -moz-box-shadow: none;<br /> -webkit-box-shadow: none;<br /> box-shadow: none;<br /> color: #fff;<br /> width: 100%;<br /> padding: 8px 15px !important;<br /> }</p> <p>body .gform_wrapper {<br /> background-color: #f5f5f5;<br /> padding: 10%;<br /> } </p> https://legacy.forums.gravityhelp.com/topic/newsletter-signup-button-alignment#post-211524 Tue, 16 Apr 2013 08:29:52 +0000 neuic 211524@https://legacy.forums.gravityhelp.com/ <p>Well, seems I can not win on mobile (iphone) it's really out of whack. </p> https://legacy.forums.gravityhelp.com/topic/newsletter-signup-button-alignment#post-211521 Tue, 16 Apr 2013 08:27:13 +0000 neuic 211521@https://legacy.forums.gravityhelp.com/ <p>I changed the height to padding same as the input button seems to do the trick works in IE and Chrome will test safari/firefox later today. Oh and top is at 136px</p> <p>body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {<br /> padding: 8px 15px !important;<br /> margin-left: 60px;<br /> } </p>