reganfrank Gravity Support Forums User Favorites: reganfrank en-US Sun, 19 Apr 2026 20:37:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-192799 Mon, 01 Apr 2013 09:48:53 +0000 Chris Hajer 192799@https://legacy.forums.gravityhelp.com/ <p>You're welcome. </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-192718 Mon, 01 Apr 2013 08:25:45 +0000 clarendonsite 192718@https://legacy.forums.gravityhelp.com/ <p>Excellent - perfect - thank you Chris! MM </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-192176 Sun, 31 Mar 2013 22:51:13 +0000 Chris Hajer 192176@https://legacy.forums.gravityhelp.com/ <p>This text is not part of the form, so we're not going to be able to get it in the text box.</p> <pre><code>&lt;h2&gt;Would you like additional information about this property?&lt;/h2&gt; &lt;p&gt;Please supply your name and email address, and you will automatically receive an email with a link to the information.&lt;/p&gt;</code></pre> <p>To style the elements which are part of the form, you can use this CSS (add to your theme's stylesheet):</p> <pre><code>[css] body #gform_wrapper_5 { padding: 0px 11px; } body #gform_wrapper_5 label { padding-top: 11px; } body #gform_wrapper_5 .gform_footer { padding:0px; }</code></pre> <p>Those styles will apply only to form 5. You can use <strong>.gform_wrapper</strong> if you want to apply the same style to all forms.</p> <p>Screenshot: <a href="http://minus.com/lKQjJmbtM5Jaz" rel="nofollow">http://minus.com/lKQjJmbtM5Jaz</a> </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-191603 Sun, 31 Mar 2013 10:12:50 +0000 clarendonsite 191603@https://legacy.forums.gravityhelp.com/ <p>Hello - I'm in need of assistance positioning elements inside the form body. See form above map: <a href="http://184.173.196.201/~hostccl/property/townhouse-condo/" rel="nofollow">http://184.173.196.201/~hostccl/property/townhouse-condo/</a>. So I have an issue with positioning the input fields and copy - would like them all indented 11px from left. And would also like to be able to control the vertical size of the tan field so that is looks something like this: <a href="http://184.173.196.201/~hostccl/wp-content/uploads/2013/03/form.jpg" rel="nofollow">http://184.173.196.201/~hostccl/wp-content/uploads/2013/03/form.jpg</a>. There will be several of these forms which all will be specific to a certain property - so there will be a different form ID for each - so the styling will need to be form ID specific. I was able to locate the code for most of this - but it seems to be all over the place. What I need to accomplish seems quite straightforward, but . . . Thanks, for you help. MM </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-64171 Sat, 30 Jun 2012 09:33:34 +0000 Rob Harrell 64171@https://legacy.forums.gravityhelp.com/ <p>Try this out first:</p> <pre><code>[css] #gform_wrapper_2 .gfield_label { display: none; }</code></pre> <p>After you do that you'll need to make adjustments to that description box (#field_2_3) because the label spacing is going to alter it. So edit the top margin necessarily, as well as the height of the textarea (#input_2_3).</p> <p>Then we will take a look at the submit button. </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-64139 Sat, 30 Jun 2012 00:43:36 +0000 redhillcrea.tv 64139@https://legacy.forums.gravityhelp.com/ <p>Sorry mate,<br /> The original contact page is : <a href="http://sharetel.com.au/contact-us/" rel="nofollow">http://sharetel.com.au/contact-us/</a><br /> A screenshot of what I am trying to accomplish is here: <a href="http://postimage.org/image/4oha6pztv/" rel="nofollow">http://postimage.org/image/4oha6pztv/</a></p> <p>The changes that I need help with are:<br /> 1- remove the Field labels ( as they are already in the input box )<br /> 2- move the description box up and place the submit button below it to the right.<br /> <strike>3- resize the Input box lengths evenly.</strike></p> <p>Sorry for the confusion, and thanks a stack for any help </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-64029 Fri, 29 Jun 2012 08:07:15 +0000 Rob Harrell 64029@https://legacy.forums.gravityhelp.com/ <p>Do you have a specific link or links to share? </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-64013 Fri, 29 Jun 2012 01:37:41 +0000 redhillcrea.tv 64013@https://legacy.forums.gravityhelp.com/ <p>I just wanted to add that all of the input boxes themselves look different and resize weirdly when the are on other pages. </p> <p>Could you please help me to give them all the same look? I am trying to get them to look like the "first name" last name" input boxes</p> <p>Thanks again for all you help!! </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-64011 Fri, 29 Jun 2012 01:23:43 +0000 redhillcrea.tv 64011@https://legacy.forums.gravityhelp.com/ <p>@Rob,</p> <p>You are a legend!! Thank you very much!</p> <p>I am still learning how css effects positioning, and you have saved me heaps of tinkering time!!.</p> <p>I just have one more question if i may?</p> <p>I have 2 more changes that I need to make.</p> <p>1- remove the Field labels ( as they are already in the input box )<br /> 2- move the description box up and place the submit button below to the right.</p> <p>Something like this :http://postimage.org/image/4oha6pztv/</p> <p>Are you able to assist me further?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-position-input-fields#post-63629 Tue, 26 Jun 2012 09:39:26 +0000 Rob Harrell 63629@https://legacy.forums.gravityhelp.com/ <p>Drop this into your theme's stylesheet and it should get you close:</p> <pre><code>[css] #input_2_1_6_container { float: none; clear: both; width: 50%; } #field_2_3 { width: 45%; float: right; margin: -262px 20px 0 0; } #input_2_3 { height: 205px; }</code></pre> <p><a href="http://www.evernote.com/shard/s212/sh/adbdde9c-6748-44e9-a099-5d24e6cd2e55/97b1995f5202782397b36659983e9b7b" rel="nofollow">Screenshot</a> </p>