https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields Gravity Support Forums Topic: Adding columns to the form to organize many fields en-US Mon, 20 Apr 2026 03:28:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27725 Tue, 14 Jun 2011 11:19:25 +0000 badelman 27725@https://legacy.forums.gravityhelp.com/ <p>You're the man! Thank you thank you Kevin. I will visit the link and attempt to learn some more. </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27626 Sat, 11 Jun 2011 21:12:03 +0000 Kevin Flahaut 27626@https://legacy.forums.gravityhelp.com/ <p>Glad you're a fan. That means I'm doing my job :)</p> <p>Sure once you've properly applied the CSS rules, you can add/change properties like the background color as you wish. If you wanted the background color to be darker, then you'd change the rule from above to something like this.</p> <pre><code>[css] body #gform_wrapper_1 { padding:10px; background-color:#666; border:1px solid #e8e8e8; margin:10px 20px 10px 10px }</code></pre> <p>That will change the background color to a darker gray (#666666 hex code)</p> <p>So, a couple of related notes. That only changes it to a solid color. The gradient gray/black that you see on the menu background is actually a background image. You could also apply a background image by specifying that in the rule. Secondly, with the darker background, you would probably want to define a lighter text color so it stands out.</p> <p>If you need a good CSS primer to get you going, I always recommend starting at the W3Schools.com site. They have good examples and walk-throughs that will be of great help as you keep tweaking the CSS.</p> <p><a href="http://w3schools.com/css/default.asp" rel="nofollow">http://w3schools.com/css/default.asp</a> </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27616 Sat, 11 Jun 2011 12:58:55 +0000 badelman 27616@https://legacy.forums.gravityhelp.com/ <p>Wow! Kevin, after pasting there's a background and everything!! How'd you do that? Can I change the color to make it look like the menu tabs, kinda a faded black??</p> <p>Gravity forms skeptic to Gravity forms fan!<br /> Man thanks Kevin! </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27611 Sat, 11 Jun 2011 11:35:27 +0000 Kevin Flahaut 27611@https://legacy.forums.gravityhelp.com/ <p>Barry, this appears to be the file you need to make changes to. Of course, it's always preferable to consult your theme provider if you're not sure.</p> <p><a href="http://paulreverehomes.com/wp-content/themes/Essence-Silver_childtheme/style.css" rel="nofollow">http://paulreverehomes.com/wp-content/themes/Essence-Silver_childtheme/style.css</a></p> <p>Yes, it's always best to put your custom rules at the end of the document as the file is read by the browser top to bottom and the rules it reads last will supersede the ones at the beginning of the file. </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27608 Sat, 11 Jun 2011 11:29:16 +0000 badelman 27608@https://legacy.forums.gravityhelp.com/ <p>Kevin, that looks crazy amazing! So I don't screw this up I'll ask for a bit more detail before I paste anything into the WP theme.</p> <p>Specifically, I have the form pasted into a child theme:<br /> &lt;?php gravity_form(1, $display_title=false, $display_description=true, $display_inactive=false, $field_values=null, $ajax=true); ?&gt;</p> <p>When I go to appearance and then editor for the child theme it does have it's own style.css. Should I paste the code in there or the style.css for the primary theme?</p> <p>Also, from how you describe it it sounds like I'll be ok if I go to the bottom of significant style.css and paste the code you've prepared there. Is that right?</p> <p>Thanks, Barry </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27600 Sat, 11 Jun 2011 10:30:49 +0000 Kevin Flahaut 27600@https://legacy.forums.gravityhelp.com/ <p>Barry, give this a shot. Add these rules to the end of your theme's style.css file or custom.css - wherever you put them and you should be pretty close.</p> <pre><code>[css] body #gform_wrapper_1 { padding:10px; background-color:#ededed; border:1px solid #e8e8e8; margin:10px 20px 10px 10px } body #gform_wrapper_1 span.ginput_left { width:99%!important } body #gform_wrapper_1 span.ginput_right { width:99%!important; float:left!important } body #gform_wrapper_1 span.ginput_full { width:99%!important } body #gform_wrapper_1 .ginput_complex .ginput_full input { width:95%!important } #content_wide .gform_wrapper .top_label li.gfield.gf_middle_third { margin-left:2%!important }</code></pre> <p>My test looked pretty good. You'll probably want to tweak things a bit but I think that's about 95% there.</p> <p>screenshot: <a href="http://c0848462.cdn.cloudfiles.rackspacecloud.com/013a006f035a0c5abc53dbdbf1ed835140be0bb476.png" rel="nofollow">http://c0848462.cdn.cloudfiles.rackspacecloud.com/013a006f035a0c5abc53dbdbf1ed835140be0bb476.png</a> </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27585 Sat, 11 Jun 2011 01:38:24 +0000 Kevin Flahaut 27585@https://legacy.forums.gravityhelp.com/ <p>Barry, thanks for the kind words. I do appreciate it.</p> <p>The advanced/grouped fields are set to display together horizontally by design so those will take a bit of CSS magic to get them to stack vertically if you want to use that type of field. The other option of course would be to use a single input for the first name &amp; last name, but you would lose the email confirmation if you did it that way.</p> <p>It's late here, so I'll get a fresh set of eyes on this in the morning and see what I can do to help you get things polished up. Thanks for your patience. I know these things can be frustrating but you're almost to the finish line. I'll let you know as soon as I have something to share. </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27578 Fri, 10 Jun 2011 22:43:34 +0000 badelman 27578@https://legacy.forums.gravityhelp.com/ <p>Kevin your a nice guy. Thank you very much. I do appreciate your help a lot. My theme's is built in such a way that my form took some doing to get it going. iThemes basically told me where and what line to paste the code you provided minus the "php" that was in the beginning. Now we're at least up and running.</p> <p>What's missing now is I would like to organize the fields a bit better than they are. It looks nice but a logical flow is missing. For instance ADDRESS should be after NAME in my opinion. But if i tale what I know now then it will look funny if I just simply move it to that order.</p> <p>Is it possible to take a field that has two places to enter data like email and confirm email and stack them on top of one another instead of side by side?</p> <p>I would also like to have a rectangle background for the form that basically frames it in instead of all that white: <a href="http://paulreverehomes.com/" rel="nofollow">http://paulreverehomes.com/</a></p> <p>Most forms I see have a gray background which would be fine or I could see faded black like my menu up top. That would be pretty cool I think.. Can you help me do this?</p> <p>Thanks again,<br /> Barry </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27575 Fri, 10 Jun 2011 21:23:02 +0000 Kevin Flahaut 27575@https://legacy.forums.gravityhelp.com/ <p>Barry,</p> <p>Embedding forms is usually a very simple process.. especially if you use the shortcode wizard to embed them into the content area of a page or post. You're talking just a few simple clicks to do this.</p> <p>When you choose to manually embed the forms outside the WordPress "loop", you have to take a few more steps like properly enqueueing the scripts. Normally, thats not too much work either.</p> <p>Occasionally there are issues with the theme that make things more difficult. I'm not sure where the disconnect here was really, but I just looked at your form and it appears to be working and loading the styles as it should. I'm assuming that you're good with that part now. What else can we help you with? </p> https://legacy.forums.gravityhelp.com/topic/adding-columns-to-the-form-to-organize-many-fields#post-27553 Fri, 10 Jun 2011 13:46:07 +0000 badelman 27553@https://legacy.forums.gravityhelp.com/ <p>I will ask you to be very specific in your responses so I don's screw up a simple copy/paste of the code you suggest I use.</p> <p>Thanks, Barry </p>