https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions Gravity Support Forums Topic: Need a box or a border or something to make forms "stand out". Any suggestions? en-US Sun, 19 Apr 2026 18:41:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions#post-349168 Fri, 28 Jun 2013 03:02:47 +0000 pamsandall@gmail.com 349168@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Thanks so much for your helpful advice. I've actually been struggling with the template for a variety of reasons, but your comments have solidified my need to step it up a bit. I will look over the links you've sent and suggestions you've made. I SO appreciate you actually taking the time to look at my site and SEE the issue. </p> <p>Just to clarify the issue, all (most?) of the things I want to do can be accomplished with a more compatible template (or custom installation) on my site?</p> <p>Thanks again,</p> <p>Pam </p> https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions#post-348486 Thu, 27 Jun 2013 16:36:12 +0000 Kevin Flahaut 348486@https://legacy.forums.gravityhelp.com/ <p>Pam,</p> <p>I'm going to be honest. We can give you a snippet of CSS or two to implement, but your theme is going to cause some problems with your forms. Mostly I see lots of problem resulting from the CUFON (font replacement) script that replaces your fonts with images and looks like it's creating some spacing issues.</p> <p>Adding a border to your forms and a few things is easy enough. You can simply add a HTML field to the very end of your form and add something like this.. be sure to copy the surrounding style tags too.</p> <pre><code>[css]&lt;style type=&quot;text/css&quot;&gt; body .gform_wrapper { border: 3px solid #E08FAA; background-color: #F3F3F3; padding: 30px 30px 0 30px; margin: 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } body .gform_wrapper .gform_footer input.button.gform_button, body .gform_wrapper .gform_footer input[type=&quot;submit&quot;] { background-color: #E08FAA; font-size: .75em !important; } &lt;/style&gt;</code></pre> <p>Once that's in there, you should get something more like these screenshots:</p> <p><a href="http://i.imgur.com/PABKJEC.jpg" rel="nofollow">http://i.imgur.com/PABKJEC.jpg</a><br /> <a href="http://i.imgur.com/rDsxj0o.jpg" rel="nofollow">http://i.imgur.com/rDsxj0o.jpg</a></p> <p>Of course I just grabbed some colors from your theme and used those. You might want tot tweak the CSS to do something different. Now, to compact things, you could use some of the "ready classes" applied to the fields in the form admin.</p> <p><a href="http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/" rel="nofollow">http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/</a></p> <p>Using the "left half" and "right half" classes in some places will fill in the spaces to the right and give you a more compact layout. That's not too difficult to do without being a programmer or designer.</p> <p>Honestly though, if you really want to change things up, it might be in your best interest to hire a competent designer/developer for at least a short stint to polish things up for you.</p> <p>I would love to offer more design help but we don't do customizations or any type of contract work right now. We are a very small team and all of our resources are dedicated to improving our current products and developing new offerings.</p> <p>One of these sites might be a good place to start looking for a qualified WordPress developer to help you out.</p> <p>-----------------------------------------------------</p> <p><a href="http://wpcandy.com/pros/experienced/with-gravity-forms/" rel="nofollow">http://wpcandy.com/pros/experienced/with-gravity-forms/</a><br /> <a href="http://jobs.wordpress.net/" rel="nofollow">http://jobs.wordpress.net/</a><br /> <a href="http://www.freelancer.com/hire/Wordpress" rel="nofollow">http://www.freelancer.com/hire/Wordpress</a><br /> <a href="http://jobs.freelanceswitch.com/" rel="nofollow">http://jobs.freelanceswitch.com/</a><br /> <a href="http://www.wphired.com/" rel="nofollow">http://www.wphired.com/</a><br /> <a href="http://www.krop.com/" rel="nofollow">http://www.krop.com/</a><br /> <a href="http://www.sensationaljobs.com/" rel="nofollow">http://www.sensationaljobs.com/</a><br /> <a href="http://premium.wpmudev.org/wpmu-jobs/" rel="nofollow">http://premium.wpmudev.org/wpmu-jobs/</a><br /> <a href="http://jobs.smashingmagazine.com/" rel="nofollow">http://jobs.smashingmagazine.com/</a><br /> <a href="http://build.codepoet.com/" rel="nofollow">http://build.codepoet.com/</a></p> <p>-----------------------------------------------------</p> <p>Best of luck. </p> https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions#post-348213 Thu, 27 Jun 2013 13:07:23 +0000 pamsandall@gmail.com 348213@https://legacy.forums.gravityhelp.com/ <p>SInce I don't really understand code and rely heavily on plug-ins and a good template, I'm not sure how best to answer that. I would like there to be at least a colored box or border. Ideally? I'd love to be able to change the layout, so it's not all in one row. Maybe??? Insert photographs :).</p> <p>I don't want to exhaust the contributors here...is there a good couple of links? I'm not afraid of learning. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions#post-348064 Thu, 27 Jun 2013 11:24:37 +0000 Rob Harrell 348064@https://legacy.forums.gravityhelp.com/ <p>Pam,</p> <p>Gravity Forms is set to inherit styles from your theme. So how your inputs look is being dictated by your theme. What specifically were you looking to do to your form inputs here and I can help provide you with some CSS to make it happen. </p> https://legacy.forums.gravityhelp.com/topic/need-a-box-or-a-border-or-something-to-make-forms-stand-out-any-suggestions#post-347984 Thu, 27 Jun 2013 10:36:55 +0000 pamsandall@gmail.com 347984@https://legacy.forums.gravityhelp.com/ <p>Disclaimer: New to GF...NOT a programmer. Help???</p> <p>I have created several forms and have been able to make them FUNCTION properly, but they look awful. Most forms I have seen on other sites (including this one!!!) appear in boxes or with borders and/or a different background color to set them apart. Mine look like clunky lines of text and visually confusing and unattractive. I've tried changing the template from my purchased one to a more simplified wp basic, but it made no different. How do I get the forms aesthetically pleasing and noticed? </p> <p>Here's one of the links that has a form: <a href="http://www.pamelasandalldesign.com/edecorating/" rel="nofollow">http://www.pamelasandalldesign.com/edecorating/</a></p> <p>I feel like I am simply missing something obvious but after spending several hours reading documentation, I'm no closer to a solution. I've scoured the plug-ins, but it seems odd that I should be using a freebie third part plug-in to help boost a product I've paid for. Any suggestions? Links? </p> <p>Appreciate the feedback. </p>