https://legacy.forums.gravityhelp.com/topic/vertical-space-background Gravity Support Forums Topic: Vertical Space & background en-US Wed, 22 Apr 2026 08:04:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51667 Wed, 07 Mar 2012 17:42:28 +0000 dsaunderswa 51667@https://legacy.forums.gravityhelp.com/ <p>Got it. Thanks. I played around with how I want it to look. And will make the changes shortly.</p> <p>The Chrome Developer tools are great. Thanks for the tip ;D </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51332 Mon, 05 Mar 2012 16:04:54 +0000 Rob Harrell 51332@https://legacy.forums.gravityhelp.com/ <p>#ccc is grey. You can google hex values and find the colors you want to use. In this case you can change it to #fff for white. You can add a border to the inputs in that first declaration above to be whatever you'd like. All of what you said is do-able via css - you just have to have some comfort and knowledge in using and writing CSS. You can also use Chrome Developer Tools or Firebug for Firefox to find selectors and code to target via css and also see what that element is currently using. </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51324 Mon, 05 Mar 2012 15:21:20 +0000 dsaunderswa 51324@https://legacy.forums.gravityhelp.com/ <p>Thank you Rob. The form does look different now. But it looks like the color CCC (which I thought was blue?) is showing up grey. The comment boxes are filled grey. </p> <p>I was hoping to leave the comment boxes white . . . maybe have borders around them AND even a border around the whole form . . . and if I could apply a background for the form itself that would be great. I'm just trying to figure out what to do to make the form seen. Here's where the old website form is located (see how it looks): <a href="http://mandalahealingarts.com/freeconsultation.htm" rel="nofollow">http://mandalahealingarts.com/freeconsultation.htm</a> </p> <p>And, here's the new one again: <a href="http://184.172.172.19/~manda1a/coaching/free-consultation/" rel="nofollow">http://184.172.172.19/~manda1a/coaching/free-consultation/</a></p> <p>If I can get these Gravity Forms to look pleasing aesthetically, I will be using them on a LOT of websites!</p> <p>Thanks again for the help. </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51239 Sun, 04 Mar 2012 11:42:40 +0000 Rob Harrell 51239@https://legacy.forums.gravityhelp.com/ <p>OK, think this should work for you, try placing all of this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;], .gform_wrapper textarea { clear: none !important; background: #CCC !important; float: none !important; padding: 5px 10px !important; } body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { list-style: none!important; list-style: none!important; background: none!important; background: none!important; padding: 0!important; margin: 0 0 20px 0!important; } .gform_wrapper div.jqTransformSelectWrapper { clear: none !important; margin-bottom: 20px; }</code></pre> <p>The background color value you can obvously feel free to change to whatever hex color you are looking for, you can also add a border to that selector as well and anything else style-wise you feel you'd like to do. </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51220 Sat, 03 Mar 2012 14:17:36 +0000 dsaunderswa 51220@https://legacy.forums.gravityhelp.com/ <p>Thank you for your quick response, Rob.</p> <p>It was easy to change the page template to full width rather than the page with sidebar. I was able to do this without changing any code because of the options available in the theme. It looks MUCH better. See the improvement? <a href="http://184.172.172.19/~manda1a/coaching/free-consultation/" rel="nofollow">http://184.172.172.19/~manda1a/coaching/free-consultation/</a></p> <p>I'd still like a little more vertical space between each. Would that be hard for me to do? </p> <p>And, is there a way to make the form clearer . . . like with colored borders and/or background color </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51219 Sat, 03 Mar 2012 13:56:10 +0000 Rob Harrell 51219@https://legacy.forums.gravityhelp.com/ <p>Your drop down piece looks to be theme related. You have a jquery.custom.js file that has some form function styling in there.</p> <pre><code>//FORM REPLACEMENT $(&quot;#content form&quot;).jqTransform();</code></pre> <p>Also, you are using the left label placement, but a lot of your labels are very long, which is causing them to shrink up. You could try to make a new page template in your theme that is full width, rather than a fixed width (one that has no sidebar). But it seems as though all of your styling issues are theme related.</p> <p>You can always preview the form and/or apply the default WP theme to compare. Are these changes something you are comfortable doing on your own? </p> https://legacy.forums.gravityhelp.com/topic/vertical-space-background#post-51218 Sat, 03 Mar 2012 13:43:00 +0000 dsaunderswa 51218@https://legacy.forums.gravityhelp.com/ <p>No "state" drop-down showing when using the "Advanced Fields" Address function; HOWEVER, the drop-down for "state" works fine when using Standard Fields.</p> <p>The problem now is two-fold:<br /> -- the vertical spacing looks terrible. What can I do to fix that?<br /> -- the form is white on a white background and the boxes around each field are not showing up. What can I do to make the form more visible? a border around the form? a background for the form? </p> <p>Here's the url where the form can be found: <a href="http://184.172.172.19/~manda1a/coaching/free-consultation/" rel="nofollow">http://184.172.172.19/~manda1a/coaching/free-consultation/</a></p> <p>Thank you! </p>