https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar Gravity Support Forums Topic: Form to fit Sidebar en-US Mon, 20 Apr 2026 07:56:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-164823 Fri, 08 Mar 2013 17:23:21 +0000 Will 164823@https://legacy.forums.gravityhelp.com/ <p>That worked smoothly. Thank you so much! </p> https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-154633 Tue, 26 Feb 2013 00:46:43 +0000 Chris Hajer 154633@https://legacy.forums.gravityhelp.com/ <p>Please add this to one of your theme's stylesheets:</p> <pre><code>[css] /* #1 */ body .gform_wrapper li, body .gform_wrapper form li { padding: 2px 0; } /* #2 */ body .gform_wrapper input[type=&quot;text&quot;], body .gform_wrapper input[type=&quot;url&quot;], body .gform_wrapper input[type=&quot;email&quot;], body .gform_wrapper input[type=&quot;tel&quot;], body .gform_wrapper input[type=&quot;number&quot;], body .gform_wrapper textarea, body .gform_wrapper input[type=&quot;password&quot;] { font-size: 8px; } /* #3 */ body .gform_wrapper .gform_heading { margin-bottom: 0px; } /* #4 */ body .gform_wrapper .gform_footer { margin-top: 0px; padding-top: 0px; }</code></pre> <p>Screenshot: <a href="http://minus.com/lbkZPTOIECvt5p" rel="nofollow">http://minus.com/lbkZPTOIECvt5p</a></p> <p>You can adjust all those values as you see fit. I just wanted to show you how to target everything properly. </p> https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-154615 Tue, 26 Feb 2013 00:21:06 +0000 Will 154615@https://legacy.forums.gravityhelp.com/ <p>Thank you for the add-on. The field labels are now inside the boxes.</p> <p>The form is live at <a href="http://www.stephengoldenlaw.com" rel="nofollow">http://www.stephengoldenlaw.com</a>.</p> <p>Referring to my first post, will appreciate your help on the following:</p> <p>1. Decrease the distance between the field boxes<br /> 2. Reduce the font size of field names<br /> 3. Reduce the distance between the description and first field box<br /> 4. Reduce the distance between the last field box (Message) and the Send button.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-153349 Sun, 24 Feb 2013 01:04:02 +0000 Chris Hajer 153349@https://legacy.forums.gravityhelp.com/ <p>We strive for a response within 48 hours, and there is no support on the weekend during non-business hours. Please see this: <a href="http://www.gravityhelp.com/support-times/" rel="nofollow">http://www.gravityhelp.com/support-times/</a></p> <p>1. To put the field labels inside the boxes, you want to use placeholder text. There are a couple 3rd party add-ons available which will do this for you: </p> <p><a href="http://wordpress.org/extend/plugins/gravity-forms-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-placeholders/</a><br /> <a href="http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/</a></p> <p>For 2, 3 and 4, please insert a form into your sidebar so we can see which fields we are talking about. </p> https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-152869 Sat, 23 Feb 2013 05:17:31 +0000 Will 152869@https://legacy.forums.gravityhelp.com/ <p>More than 24 hours and no reply?</p> <p>Help please. </p> https://legacy.forums.gravityhelp.com/topic/form-to-fit-sidebar#post-151923 Thu, 21 Feb 2013 23:27:07 +0000 Will 151923@https://legacy.forums.gravityhelp.com/ <p>I want to put a smaller contact form to fit the narrow sidebar. To make it compact, I would like to do the following:</p> <p>1. Put the field names inside the field boxes<br /> 2. Decrease the distance between the field boxes<br /> 3. Reduce the font size of field names<br /> 4. Reduce the distance between the name of the contact form and first field box</p> <p>The website is <a href="http://www.stephengoldenlaw.com" rel="nofollow">http://www.stephengoldenlaw.com</a>. There's a form in the Contact Us page. There is no form yet in the sidebar but you will have an idea how narrow it is.</p> <p>Will appreciate your help. </p>