https://legacy.forums.gravityhelp.com/topic/help-with-styling-form Gravity Support Forums Topic: Help with styling form en-US Tue, 21 Apr 2026 05:35:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/help-with-styling-form#post-20594 Tue, 15 Mar 2011 08:58:54 +0000 Kevin Flahaut 20594@https://legacy.forums.gravityhelp.com/ <p>You would target a widget the same way as any other form.. based on the unique wrapper name.. #gform_wrapper_3 (where the 3 is your form ID). </p> <p>You could specify the inheritance from the containing sidebar list item as you mentioned (#gform_widget-3), but if you set your rules based on inheritance from the form wrapper div, they will still apply to that form wherever you put it.. sidebar, body content, etc. </p> https://legacy.forums.gravityhelp.com/topic/help-with-styling-form#post-20588 Tue, 15 Mar 2011 04:49:10 +0000 conorpp 20588@https://legacy.forums.gravityhelp.com/ <p>Thanks your solution worked perfectly :)</p> <p>I'm also would like to style a GF widget to look the same as the main form created above. I've been trying to get #gform_widget-3 working but so far having no luck.</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/help-with-styling-form#post-20468 Sun, 13 Mar 2011 03:21:53 +0000 Kevin Flahaut 20468@https://legacy.forums.gravityhelp.com/ <p>You pretty much just have to change the .gform_wrapper class to the #gform_wrapper_1 ID in your css. Using inheritance based on the ID rather than the general class will only apply the changes to that specific form.</p> <p><a href="http://pastie.org/1665789" rel="nofollow">http://pastie.org/1665789</a></p> <p>Here are some CSS targeting guidelines you might find handy. There are samples that apply globally to all forms as well as samples applied to a specific form ID.</p> <p><a href="http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/</a> </p> https://legacy.forums.gravityhelp.com/topic/help-with-styling-form#post-20466 Sun, 13 Mar 2011 02:17:20 +0000 conorpp 20466@https://legacy.forums.gravityhelp.com/ <p>Howdy,</p> <p>I'm trying to style a particular form. I can get it working with CSS output on but my rough effort changes the css for all forms. Here is the CSS I got to work for all forms: <a href="http://pastebin.com/c4QasskP" rel="nofollow">http://pastebin.com/c4QasskP</a> - (its not elegant but for general testing/ playing its not really an issue).</p> <p>I read that I can style particular form here: <a href="http://www.gravityhelp.com/forums/topic/styling-multiple-forms-working-for-some-styles-not-others" rel="nofollow">http://www.gravityhelp.com/forums/topic/styling-multiple-forms-working-for-some-styles-not-others</a> but I'm having issues getting it to work correctly. Its form id:1 btw.</p> <p>Thanks </p>