https://legacy.forums.gravityhelp.com/topic/beginner-question-on-formatting Gravity Support Forums Topic: Beginner Question on Formatting en-US Mon, 20 Apr 2026 01:05:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/beginner-question-on-formatting#post-51771 Thu, 08 Mar 2012 13:21:36 +0000 Rob Harrell 51771@https://legacy.forums.gravityhelp.com/ <p>You will want to add these styles to your theme's stylesheet. Also you can use this guide as a reference, and/or chrome dev tools or firebug for firefox.</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>You can use this to change the label styles:</p> <pre><code>[css] .gform_wrapper .gfield_label { color: blue; }</code></pre> <p>The section break headlines are h2 elements. Currently you have a declaration in your theme's stylesheet for h2 styling, which the form is inheriting (as it should):</p> <pre><code>[css] #content h2 { font-size: 20px; padding: 0 0 5px 0; border-bottom: 1px dotted #BBB; }</code></pre> <p>If you want to target only the headlines on the form you could use:</p> <pre><code>[css] .gform_wrapper h2.gsection_title { color: blue !important; }</code></pre> <p>The !important here is used to override the color styling of this:</p> <pre><code>[css] #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #444; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-decoration: none; margin: 0 0 5px 0; }</code></pre> <p>It looks like you have some break tags coming in on some of your fields too:</p> <p><a href="http://grab.by/cgVk" rel="nofollow">http://grab.by/cgVk</a></p> <p>You could do this to try to add spacing between the fields:</p> <pre><code>[css] .gform_wrapper li, .gform_wrapper form li { margin: 10px 0 0 20px !important; }</code></pre> <p>Let me know how this goes for you. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-on-formatting#post-51741 Thu, 08 Mar 2012 11:19:38 +0000 shess 51741@https://legacy.forums.gravityhelp.com/ <p>Wonderful! The form is located at <a href="http://www.tradelinksystems.com/quote-request/" rel="nofollow">http://www.tradelinksystems.com/quote-request/</a> (it's the "Request Quote" link in the main navigation). </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-on-formatting#post-51651 Wed, 07 Mar 2012 15:40:07 +0000 Rob Harrell 51651@https://legacy.forums.gravityhelp.com/ <p>Could you provide a link to your form by chance? I can provide you with some selectors to use to get what you are looking to do. </p> https://legacy.forums.gravityhelp.com/topic/beginner-question-on-formatting#post-51631 Wed, 07 Mar 2012 13:29:13 +0000 shess 51631@https://legacy.forums.gravityhelp.com/ <p>I would like to add spaces to a tightly cramped form, change headline font colors and some other basics. The only option I can see for formatting is under the "Advanced" tab under "Edit Field" (or Section Break" etc.), where there is a field for "CSS Class Name." The "Ready Class Names" don't have options for formatting color, line spacing, etc. I know a little html but have no idea where to go to make any changes. If you can help, please be very specific in your response.<br /> Thank you! </p>