https://legacy.forums.gravityhelp.com/topic/help-with-css-styling Gravity Support Forums Topic: Help with CSS styling en-US Mon, 20 Apr 2026 02:51:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22606 Wed, 06 Apr 2011 03:53:45 +0000 Yael 22606@https://legacy.forums.gravityhelp.com/ <p>Thanks, Kevin, adding the snippet to the style sheet did the trick. </p> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22557 Tue, 05 Apr 2011 14:33:12 +0000 Kevin Flahaut 22557@https://legacy.forums.gravityhelp.com/ <p>There is another similar rule in this stylesheet.. dynamik-min.css on line 2.</p> <p>Have you tried adding the last snippet I gave you to your stylesheet? I believe that should fix it for you. </p> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22540 Tue, 05 Apr 2011 12:58:01 +0000 Yael 22540@https://legacy.forums.gravityhelp.com/ <p>HI Kevin,</p> <p>I commented out the rule located on line 925 </p> <pre><code>[css] /*#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, .catalyst-widget-area ul li, .catalyst-widget-area ol li { margin: 0 0 0 20px; padding: 0; }*/</code></pre> <p>and yet there is no change to form layout. </p> <p>What did I miss ?</p> <p>Yael </p> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22535 Tue, 05 Apr 2011 12:17:03 +0000 Kevin Flahaut 22535@https://legacy.forums.gravityhelp.com/ <p>Yes, you could comment the margin portion out, but it may affect the list spacing in your other content. </p> <p>Try adding this to the end of your style.css file. It should override the margin settings it's inheriting and reset them to the default form styles.</p> <pre><code>[css] #content .post .gform_wrapper ul li, #content .page .gform_wrapper ul li, .catalyst-widget-area .gform_wrapper ul li { margin: 0 0 14px 0 }</code></pre> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22534 Tue, 05 Apr 2011 12:06:51 +0000 Yael 22534@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Thank you so much for the quick reply. I really appreciate it.</p> <p>How would I disable that rule -- by commenting it out? I do see your point :) thanks for the screen shot!</p> <p>Yael </p> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22520 Tue, 05 Apr 2011 11:34:06 +0000 Kevin Flahaut 22520@https://legacy.forums.gravityhelp.com/ <p>The spacing problems are coming from your theme styles. If you look on line 925 of your style.css file, you'll see that it is setting the top and bottom margins to 0. If you disable that rule, you'll notice the form spacing in general is improved (not just the section breaks)</p> <p>screenshot: <a href="http://grab.by/9Ovi" rel="nofollow">http://grab.by/9Ovi</a></p> <p>To target just an individual field, in this case the "contact information" section container, you would view your page source, find the ID on that field container and target it for manipulation. In your form, the list container id is "field_3_17".</p> <p>You would add this to the end of your theme stylesheet.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields #field_3_17.gsection {margin:30px 0;}</code></pre> <p>This was taken directly from the CSS targeting samples documentation you referenced.. look for "section break container".</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>You can refer back to that for more examples of how to apply styles to specific fields or globally should you need. </p> https://legacy.forums.gravityhelp.com/topic/help-with-css-styling#post-22507 Tue, 05 Apr 2011 11:00:16 +0000 Yael 22507@https://legacy.forums.gravityhelp.com/ <p>HI there,</p> <p>I did read through the documentation but I'm not getting how to edit the styles on the form.</p> <p>I did find the CSS Targeting Samples but still not understanding. I want to add some space between containers. IF you take a look at the form on this page, you will see that the Section breaks are too close to each other.</p> <p><a href="http://womenshightech.info/scholarship-application/" rel="nofollow">http://womenshightech.info/scholarship-application/</a></p> <p>How would I add some space between Application Session and Contact Information and other section breaks on page?</p> <p>Thanks, Yael </p>