https://legacy.forums.gravityhelp.com/topic/styling-forms Gravity Support Forums Topic: Styling Forms en-US Fri, 03 Apr 2026 22:52:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-forms#post-35368 Wed, 14 Sep 2011 23:30:05 +0000 Kevin Flahaut 35368@https://legacy.forums.gravityhelp.com/ <p>There aren't any tutorials to "watch" but there are some styling resources that you can check out.</p> <p><a href="http://www.gravityhelp.com/resources/cssguide/css_guide.html" rel="nofollow">http://www.gravityhelp.com/resources/cssguide/css_guide.html</a></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><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p><a href="http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/</a></p> <p><a href="http://www.rocketgenius.com/survery-style-multiple-choice-fields-with-gravity-forms/" rel="nofollow">http://www.rocketgenius.com/survery-style-multiple-choice-fields-with-gravity-forms/</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-35367 Wed, 14 Sep 2011 23:04:03 +0000 amanda bernardin 35367@https://legacy.forums.gravityhelp.com/ <p>Did this ever happen? I am interested to watch any tutorials on styling for my forms. Where can I find them? Thanks!! </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1266 Thu, 29 Oct 2009 03:44:09 +0000 Kevin Flahaut 1266@https://legacy.forums.gravityhelp.com/ <p>Thanks for the suggestion. We do plan on adding some styling tutorials and examples to the blog and documentation in the near future. We realize that not everyone is as skilled with CSS and plan on making more resources available. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1265 Wed, 28 Oct 2009 23:09:47 +0000 nicheondemand 1265@https://legacy.forums.gravityhelp.com/ <p>I would suggest for future releases to include better documentation with examples of form styling using classes - there is very little "step by step" available for complete newbies... </p> <p>For us who understand css it's no problem, but not everyone who purchases gravity forms will have any working knowledge of this. Just a suggestion! </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1149 Fri, 23 Oct 2009 23:34:40 +0000 lmilesw 1149@https://legacy.forums.gravityhelp.com/ <p>After I sent the feature request I noticed the css class field. That will do the trick. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1142 Fri, 23 Oct 2009 17:53:46 +0000 Kevin Flahaut 1142@https://legacy.forums.gravityhelp.com/ <p>There was a similar request on an earlier post.. to float one field inline with the previous field. In this example, it was a drop down select field but the same concept would apply to other fields. </p> <p>You'll just need to look at the source code of the page the form is on, get the id's for the fields you want to adjust and do something similar.</p> <p><a href="http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878">http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1138 Fri, 23 Oct 2009 17:31:39 +0000 Carl Hancock 1138@https://legacy.forums.gravityhelp.com/ <p>There is no out of the box way to format the forms in a 2 column arrangement, the styling of the form is done with CSS and can be modified by adding CSS to your themes stylesheet to style the form.</p> <p>You can use CSS to style the forms however you like, including having fields appear side by side. This does take CSS knowledge to be able to implement, but you can target any of the form elements using CSS to achieve a variety of layouts. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms#post-1135 Fri, 23 Oct 2009 17:20:01 +0000 lmilesw 1135@https://legacy.forums.gravityhelp.com/ <p>I would like to rearrange the forms so that for instance I could put a Phone Number field to the right of a Fax Number field as opposed to always having it under or over. </p>