https://legacy.forums.gravityhelp.com/topic/how-do-i-make-the-sidebar-form-pretty Gravity Support Forums Topic: How do I make the sidebar form pretty en-US Mon, 20 Apr 2026 05:20:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-do-i-make-the-sidebar-form-pretty#post-37523 Tue, 11 Oct 2011 01:19:57 +0000 Chris Hajer 37523@https://legacy.forums.gravityhelp.com/ <p>pretty is all done with CSS. You can stick with the widget, but to change the look, you will need to add some styles to your theme's style.css. Start with </p> <pre><code>[css] #body #wrapper #sidebar .gform_widget</code></pre> <p>And then target individual elements inside the widget. You will find CSS targeting examples here:<br /> <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>Here are some more general CSS guidelines for Gravity Forms:<br /> <a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a> </p> https://legacy.forums.gravityhelp.com/topic/how-do-i-make-the-sidebar-form-pretty#post-37465 Mon, 10 Oct 2011 12:53:53 +0000 eclick718 37465@https://legacy.forums.gravityhelp.com/ <p>friend. how do i make the sidebar form prettier?</p> <p><a href="http://www.gravityforms.com/demo/contact-us-form/" rel="nofollow">http://www.gravityforms.com/demo/contact-us-form/</a></p> <p>I guess to start:<br /> Less space between the fields<br /> More compact design</p> <p>Also - this is using the widget form; would it make more sense to use the html code? please let me know.</p> <p>Any examples anyone want to share?</p> <p>thanks<br /> e </p>