https://legacy.forums.gravityhelp.com/topic/within-sidebar-text-widget-form-improperly-formatted Gravity Support Forums Topic: Within sidebar text widget, form improperly formatted. en-US Mon, 20 Apr 2026 03:25:10 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/within-sidebar-text-widget-form-improperly-formatted#post-13778 Thu, 02 Dec 2010 08:25:15 +0000 Kevin Flahaut 13778@https://legacy.forums.gravityhelp.com/ <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. You only have to do this once and you're theme is set up for all of your forms.</p> <pre><code>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.3.9&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.3.9&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.3.9&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/embedding-a-form/" rel="nofollow">http://www.gravityhelp.com/documentation/embedding-a-form/</a></p> <p>Once that's done, your forms should have the proper default formatting. That said, in looking at your theme, I see a few blanket CSS rules that may cause you a problem. </p> <p>For one, on line 1332 of your style.css file, there is a "display:block" property applied to all label elements. This means it will force all your labels to be on a line by themselves, which you're already seeing inherited in the current form. You'll need to override that rule, or remove it from your stylesheet or it will cause formatting problems.</p> <p>Any time a theme uses very general, blanket CSS rules for form styles, it's bad juju. Most often, your form will inherit from these and cause you grief. I see this a lot. I think it's just poor theme building. </p> https://legacy.forums.gravityhelp.com/topic/within-sidebar-text-widget-form-improperly-formatted#post-13775 Thu, 02 Dec 2010 07:39:40 +0000 Nat 13775@https://legacy.forums.gravityhelp.com/ <p>Hi, </p> <p>I'm using a text widget to place my form into a sidebar. However, the bullets are not aligned with the corresponding text description. This also appears to be the case when using the GF widget. I confirm I am outputting the css in form settings. I'm using Suffusion theme in Wordpress 3.0.2. I'm adding the css code to the bottom of the Suffusion stylesheet.css. I have tried to piece together a solution from the posts on this topic, but can't seem to string together a final css code that works.</p> <p>Please see:</p> <p><a href="http://acnemarketwatch.com/wordpress/get-started/" rel="nofollow">http://acnemarketwatch.com/wordpress/get-started/</a></p> <p>As an aside, I have no understanding of css at all, but am very keen to learn to I can do this kind of stuff on my own. Any good beginners guides you could recommend, so I can take full advantage of GF?</p> <p>Lastly, any word on the MailChimp add-on that can be bought as a stand-alone package for a one-off fee (I only have the single licence for Gravity Forms).</p> <p>Thanks in advance, </p> <p>Nate </p>