https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break Gravity Support Forums Topic: Field spacing and deletion of page break en-US Mon, 20 Apr 2026 10:12:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32987 Thu, 18 Aug 2011 19:38:36 +0000 Kevin Flahaut 32987@https://legacy.forums.gravityhelp.com/ <p>Oops. Looks like we both missed that one in our replies. The easiest way to do what you want is to redefine the "small" class for this form and set a new width. Try adding this to the end of your theme stylesheet.</p> <pre><code>[css] #gform_wrapper_7 input.small { width: 20px; }</code></pre> <p>screenshot: <a href="http://bit.ly/peKGdy" rel="nofollow">http://bit.ly/peKGdy</a> </p> https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32984 Thu, 18 Aug 2011 18:59:32 +0000 tasseyrusso 32984@https://legacy.forums.gravityhelp.com/ <p>Managed to reduce the spacing, now maybe too much. (sigh). But my question regarding a smaller data entry block for the number is still one that I would love you to reply to. Thank you! </p> https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32969 Thu, 18 Aug 2011 18:20:23 +0000 Carl Hancock 32969@https://legacy.forums.gravityhelp.com/ <p>If you are referring to the input size of the Number field, there is a Field Size option when editing the Number Field under the Advanced tab.</p> <p>As far as spacing and styling forms, you would use CSS to change the styling. You would write custom CSS to target the HTML elements you want to style and add that custom CSS to your themes stylesheet.</p> <p>Documentation for styling can be found here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a></p> <p>The CSS Targeting Samples are particularly useful for knowing how to properly target and style elements. </p> https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32963 Thu, 18 Aug 2011 18:06:22 +0000 tasseyrusso 32963@https://legacy.forums.gravityhelp.com/ <p>Wow. So simple. I am sorry that I didn't realize either of these issues. I've been able to work on the image and modified the spacing. Would love to still reduce the space between each field a bit more. Is there somewhere to do this in the code? If so, where would I locate the code?</p> <p>Also, is it possible to make the number data entry field smaller in width? </p> https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32959 Thu, 18 Aug 2011 17:34:27 +0000 Kevin Flahaut 32959@https://legacy.forums.gravityhelp.com/ <p>The primary source of your spacing problem is that your inline label image is 85 pixels high and has a lot of white space included in it. If you crop the image down to fit the content, the spacing should be reduced considerably.</p> <p>screenshot: <a href="http://i.imgur.com/WlvX0.png" rel="nofollow">http://i.imgur.com/WlvX0.png</a></p> <p>If you have page breaks, the "start paging" and "end paging" breaks will be deleted when you delete the last page break in the center of the form.</p> <p>screenshot: <a href="http://i.imgur.com/YljTU.png" rel="nofollow">http://i.imgur.com/YljTU.png</a> </p> https://legacy.forums.gravityhelp.com/topic/field-spacing-and-deletion-of-page-break#post-32947 Thu, 18 Aug 2011 16:22:50 +0000 tasseyrusso 32947@https://legacy.forums.gravityhelp.com/ <p>Site: <a href="http://www.afullyengagedlife.com" rel="nofollow">http://www.afullyengagedlife.com</a><br /> form page: <a href="http://www.afullyengagedlife.com/test-assessment-form/" rel="nofollow">http://www.afullyengagedlife.com/test-assessment-form/</a><br /> password: testform</p> <p>Question:</p> <p>1. I would like to reduce the space that exists between two fields, i.e. spacing between the html field that displays the question and the next field, the field that allows a person to enter a number in response to the question. How am I able to do that?</p> <p>2. Is there a way to further reduce the size, width of the "number" field? It's currently set to "small".</p> <p>3. I wanted to create a multi-page form because there are so many questions to this form. But, after reading about multi-page forms, I realize that I need to create multiple forms and use the redirect function upon submittal in order to save each page's data/responses But now I can't seem to delete the page break from the form itself. How may I do this?</p> <p>Thanks! </p>