https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height Gravity Support Forums Topic: Change font size and line height en-US Sun, 19 Apr 2026 18:38:45 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-114058 Fri, 04 Jan 2013 16:05:19 +0000 Kevin Flahaut 114058@https://legacy.forums.gravityhelp.com/ <p>I'm glad I could help out. Good luck with your projects. </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113973 Fri, 04 Jan 2013 13:23:01 +0000 Cara Jeanne 113973@https://legacy.forums.gravityhelp.com/ <p>Thanks for the clarification. I am using Genesis for most of my sites and often create simple feedback forms so I am sure I will need to use this often and I wanted to understand. Have a nice day. </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113962 Fri, 04 Jan 2013 13:04:19 +0000 Kevin Flahaut 113962@https://legacy.forums.gravityhelp.com/ <p>There was a top margin of 10px defined for each label. We needed to re-define the top margin to zero to make it more compact.. hence the first margin declaration. Line height would have accomplished part of what you wanted, but not everything. </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113960 Fri, 04 Jan 2013 12:58:16 +0000 Cara Jeanne 113960@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help, it looks great.</p> <p>I really don't want to just copy and paste and move on. Just so I understand, the margins were needed for each field, it would not have worked by only adjusting the line height? </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113954 Fri, 04 Jan 2013 12:53:05 +0000 Kevin Flahaut 113954@https://legacy.forums.gravityhelp.com/ <p>Then you would need something like this.. adjusting margins as well.</p> <pre><code>[css] body #gform_wrapper_2 .top_label .gfield_label { margin: 0 0 4px 0 !important; line-height: 1em !important; } body #gform_wrapper_2.gform_wrapper li, body #gform_wrapper_2.gform_wrapper form li { margin: 0 !important; }</code></pre> <p>My test: <a href="http://i.imgur.com/O9ySt.jpg" rel="nofollow">http://i.imgur.com/O9ySt.jpg</a></p> <p>You should be able to tweak things from there. </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113946 Fri, 04 Jan 2013 12:32:55 +0000 Cara Jeanne 113946@https://legacy.forums.gravityhelp.com/ <p>I have a simple form for name, email and paragraph text. I want to reduce the space between each of those inputs. Overall, I want the form to look smaller - make sense? </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113940 Fri, 04 Jan 2013 12:27:39 +0000 Kevin Flahaut 113940@https://legacy.forums.gravityhelp.com/ <p>Are you trying to change the line-height in the actual paragraph text inputs or just for the labels, descriptions, etc? </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113265 Thu, 03 Jan 2013 18:31:50 +0000 Cara Jeanne 113265@https://legacy.forums.gravityhelp.com/ <p>The above did not work :( </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113230 Thu, 03 Jan 2013 16:42:43 +0000 Cara Jeanne 113230@https://legacy.forums.gravityhelp.com/ <p>So if I want to change the line height between the lines of input on a form I would use:<br /> <pre><code>[css] /*this will apply to all forms */ body .gform_wrapper form .gfield { line-height: .5em; }</code></pre> <p>Correct? </p> https://legacy.forums.gravityhelp.com/topic/change-font-size-and-line-height#post-113210 Thu, 03 Jan 2013 15:32:48 +0000 Chris Hajer 113210@https://legacy.forums.gravityhelp.com/ <p>Your rule need to be more specific so that is overrides and other rules which exist in the Gravity Forms forms.css or your theme's stylesheet. Using just one selector like that is not specific enough. Try this for the elements you want to target:</p> <pre><code>[css] body .gform_wrapper_12 form $WHATEVER {</code></pre> <p>The additional selectors before your target element should make the rule specific enough so that it 'wins' over all other rules.</p> <p>To apply styles to just one specific form, change gform_wrapper from a class to an ID:</p> <pre><code>[css] /* this will apply to all forms */ /* class begins with . */ body .gform_wrapper form /* this will apply to just form 12 */ /* ID begins with # */ body #gform_wrapper form</code></pre>