https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break Gravity Support Forums Topic: More space with a section break en-US Sun, 19 Apr 2026 23:46:49 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21863 Mon, 28 Mar 2011 17:52:21 +0000 cmonica 21863@https://legacy.forums.gravityhelp.com/ <p>Thank you that worked! </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21662 Sat, 26 Mar 2011 23:32:31 +0000 Kevin Flahaut 21662@https://legacy.forums.gravityhelp.com/ <p>The default forms.css isn't being loaded. Are you using the actual Forms widget that comes with Gravity Forms or another text widget of some sort?</p> <p>When using a Gravity Form in a sidebar widget or embedding it anywhere using the function call, you need to manually enqueue the scripts and CSS by placing a short script block in your theme's functions.php file.</p> <pre><code>if(!is_admin()) { wp_enqueue_script(&quot;gforms_ui_datepicker&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/jquery-ui/ui.datepicker.js&quot;, array(&quot;jquery&quot;), &quot;1.4&quot;, true); wp_enqueue_script(&quot;gforms_datepicker&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/datepicker.js&quot;, array(&quot;gforms_ui_datepicker&quot;), &quot;1.4&quot;, true); wp_enqueue_script(&quot;gforms_conditional_logic_lib&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/conditional_logic.js&quot;, array(&quot;gforms_ui_datepicker&quot;), &quot;1.4&quot;, true); wp_enqueue_style(&quot;gforms_css&quot;, WP_PLUGIN_URL . &quot;/gravityforms/css/forms.css&quot;); }</code></pre> <p>Without this, the conditional logic scripts, datepicker script, form CSS and other elements needed for the full form functionality aren't loaded.</p> <p>You can find more information at the URL below</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a> </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21659 Sat, 26 Mar 2011 21:41:16 +0000 cmonica 21659@https://legacy.forums.gravityhelp.com/ <p>I'm having the same problem as before (scrunched fields, bullet points, and red asterisk), but it's on a different form created that I embedded (the same way as before) on a sidebar widget. I left the Output CSS setting to Yes so that isn't the problem.</p> <p><a href="http://sacforeclosurehelp.com/test-builder/loan-modification-help/" rel="nofollow">http://sacforeclosurehelp.com/test-builder/loan-modification-help/</a> </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21377 Thu, 24 Mar 2011 14:42:15 +0000 Kevin Flahaut 21377@https://legacy.forums.gravityhelp.com/ <p>Okay, glad you figured it out. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21363 Thu, 24 Mar 2011 13:33:02 +0000 cmonica 21363@https://legacy.forums.gravityhelp.com/ <p>I embedded the form in my page using the shortcode (see below) builder per Documentation instructions - the first option.</p> <p>[gravityform id=1 name=ContactForm title=false ajax=true]</p> <p>Update: I figured out what setting I had changed and I resolved the problems. I had changed the Output CSS setting to No, because I was going to copy the content of the form.css to my theme's stylesheet, but neglected to copy. </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21293 Thu, 24 Mar 2011 07:54:56 +0000 Kevin Flahaut 21293@https://legacy.forums.gravityhelp.com/ <p>The problem is that your forms.css file isn't being loaded. Once that's loaded, the default styles will take care of all the issues you've mentioned.</p> <p>Are you including your form via the shortcode in a post or manually embedding it into the page template with the php function call? </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-21266 Wed, 23 Mar 2011 20:47:07 +0000 cmonica 21266@https://legacy.forums.gravityhelp.com/ <p>I would like to add some space between fields, right now everything is scrunched tightly together. I added the recommended code to the end of my theme's stylesheet and it didn't do anything. I tried putting the <br /> tag in the field description, but that didn't work either. My theme is Builder from iThemes and the url for the form is <a href="http://sacforeclosurehelp.com/test-builder/contact/" rel="nofollow">http://sacforeclosurehelp.com/test-builder/contact/</a>.</p> <p>Also, I have two other issues:</p> <p>1. The field labels have bullet points, which I would like to get rid of.<br /> 2. The asterisk for required fields is no longer red. I don't know what setting I changed but I would like them to be red. </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-10258 Thu, 23 Sep 2010 11:27:32 +0000 pcohen15 10258@https://legacy.forums.gravityhelp.com/ <p>Thanks again. I'm old, but not a pro for sure ;-) Your advice to place new rules at the end of style sheets is exactly what I was clueless about. </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-10143 Tue, 21 Sep 2010 02:04:33 +0000 Kevin Flahaut 10143@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Sounds like you're an old pro now. </p> <p>Yes, you would normally put it in the theme's style sheet. I recommend putting new rules at the end of the style sheet as the last thing read by the browser will supersede other rules ahead of it. </p> https://legacy.forums.gravityhelp.com/topic/more-space-with-a-section-break#post-10141 Mon, 20 Sep 2010 23:22:09 +0000 pcohen15 10141@https://legacy.forums.gravityhelp.com/ <p>Kevin:</p> <p>I found this thread and also need to add some spacing above and below my section break. You offered up this code and suggested that it be added to the style sheet: </p> <p>li.gsection {margin-top:100px!important}</p> <p>My question is where exactly would I add this? I am using Agency child theme for Genesis theme, and am not great with CSS. Any help you could toss my way would be greatly appreciated. Here's the page with the form: <a href="http://capitolcollegiate.org/contact/apply-to-cca/" rel="nofollow">http://capitolcollegiate.org/contact/apply-to-cca/</a></p> <p>Thanks in advance.</p> <p>P.S. I think I figured it out. I just stuck it at the very top of the style sheet. Seems to be working. I added another line for a bottom margin that seems to work as well. </p>