https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields Gravity Support Forums Topic: Changing Background color in individual fields en-US Tue, 21 Apr 2026 16:11:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49579 Thu, 16 Feb 2012 07:59:26 +0000 Rob Harrell 49579@https://legacy.forums.gravityhelp.com/ <p>Can you export your form and email it to me: <a href="mailto:rob@rocketgenius.com">rob@rocketgenius.com</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49507 Wed, 15 Feb 2012 15:46:25 +0000 PowerMedia 49507@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. I'm almost getting the result that I want, but not quick. I've added the HTML field around the 1st and after the last field in the group. However, that group doesn't change to blue...all the rest do in alternating fashion. It also screws up the footer alignment for the site. Any suggestions?</p> <p>Thanks for you time on this matter. </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49500 Wed, 15 Feb 2012 14:41:58 +0000 Rob Harrell 49500@https://legacy.forums.gravityhelp.com/ <p>What you will need to do is group the elements together. You could do this by placing an HTML field above the first field in the group and then place an HTML field after the last field in the group. Then you could wrap a div around it. So the first HTML field could contain something like: &lt;div class="bluegroup"&gt; and then the 2nd HTML field would contain: &lt;/div&gt; </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49494 Wed, 15 Feb 2012 13:49:44 +0000 PowerMedia 49494@https://legacy.forums.gravityhelp.com/ <p>Correct...No white in between.</p> <p>Thanks again!!! </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49492 Wed, 15 Feb 2012 13:32:23 +0000 Rob Harrell 49492@https://legacy.forums.gravityhelp.com/ <p>Place this in your theme's stylesheet for your footer buttons:</p> <pre><code>[css] .gform_page_footer { clear: both; }</code></pre> <p>So if I follow you on the other piece, you want to have that blue bg behind all of that information, with no white in between? </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49490 Wed, 15 Feb 2012 13:20:42 +0000 PowerMedia 49490@https://legacy.forums.gravityhelp.com/ <p>Sure. Here is a link: <a href="http://about.powermediallc.org/sec-2012-softball-tournament/" rel="nofollow">http://about.powermediallc.org/sec-2012-softball-tournament/</a>. I did a work around by creating a background color for the box. I would prefer if all of the fields in color were together with the same color in the background. Not sure if I said that clearly????</p> <p>Also, since I have your attention, the submit on page 3 &amp; 4 is located in the middle of the page. How can I get that to the bottom after all of the fields? FYI...the only fields that are required are on page 1. </p> <p>Thanks for you help!!!! </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49489 Wed, 15 Feb 2012 13:05:17 +0000 Rob Harrell 49489@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your form by chance so we can see what's going on. </p> https://legacy.forums.gravityhelp.com/topic/changing-background-color-in-individual-fields#post-49485 Wed, 15 Feb 2012 12:03:36 +0000 PowerMedia 49485@https://legacy.forums.gravityhelp.com/ <p>First off I have reviewed the post here: <a href="http://www.gravityhelp.com/forums/topic/changing-the-background-color-of-individual-fields?replies=5" rel="nofollow">http://www.gravityhelp.com/forums/topic/changing-the-background-color-of-individual-fields?replies=5</a> which I found very helpful, but couldn't get the stated result. I entered the rules Kevin specified in my themes style.css and added to my CSS Class name...nothing happened. </p> <p>Do you have any other suggestions? Can you lead me in the right direction? </p> <p>Also, I wanted to do this on a 3 column layout. FYI...it didn't work in a singular field also.</p> <p>Thanks!!! </p>