https://legacy.forums.gravityhelp.com/topic/multiple-forms-on-one-site-wish-for-different-background-and-border-colors Gravity Support Forums Topic: Multiple forms on one site | wish for different background and border colors en-US Wed, 22 Apr 2026 11:50:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/multiple-forms-on-one-site-wish-for-different-background-and-border-colors#post-72020 Tue, 21 Aug 2012 21:10:02 +0000 Rob Harrell 72020@https://legacy.forums.gravityhelp.com/ <p>That's a comment - so it would be solely for your internal purposes only. Think of it as a note to self. </p> https://legacy.forums.gravityhelp.com/topic/multiple-forms-on-one-site-wish-for-different-background-and-border-colors#post-72018 Tue, 21 Aug 2012 21:06:40 +0000 GJudy 72018@https://legacy.forums.gravityhelp.com/ <p>Thank you! That worked perfectly. I added the #gform_wrapper_1 or appropriate number to the specific code area.</p> <p>Is that line really a note to me? Or does it have some effect?<br /> '/*-- Form ID 1 Specific Styles ---------------------------------------------*/'</p> <p>Thank you again. </p> https://legacy.forums.gravityhelp.com/topic/multiple-forms-on-one-site-wish-for-different-background-and-border-colors#post-71651 Mon, 20 Aug 2012 00:01:28 +0000 Chris Hajer 71651@https://legacy.forums.gravityhelp.com/ <p>I think there is just a minor misunderstanding. When you use "gform_wrapper" to apply to all forms, it's identified as a CSS class, and prefaced with a period, like this:</p> <pre><code>[css] body .gform_wrapper {</code></pre> <p>When you get specific to a form, it's almost always as a CSS ID, and it is prefaced with a hash mark, like this:</p> <pre><code>[css] body #gform_wrapper_5 {</code></pre> <p>See if changing the way you're doing things helps. If in question, look at the source of the page, and if you see <strong>id="gform_wrapper_5"</strong> it will be referenced as <strong>#gform_wrapper_5</strong> in your stylesheet. </p> <p>If you look at the source of the page and see <strong>class="gf_browser_chrome gform_wrapper"</strong>, it will be referenced as <strong>.gform_wrapper</strong> in your stylesheet. (gf_browser_chrome is added to the tag based on the browser viewing the page. It's not relevant here but I wanted to mention it since you might see something like it in the source.)</p> <p>Bottom line: class: prefix with a period (.). ID, prefix with a hash (#). </p> https://legacy.forums.gravityhelp.com/topic/multiple-forms-on-one-site-wish-for-different-background-and-border-colors#post-71641 Sun, 19 Aug 2012 22:31:17 +0000 GJudy 71641@https://legacy.forums.gravityhelp.com/ <p><a href="http://sensiblestrategy.com/nonsense" rel="nofollow">http://sensiblestrategy.com/nonsense</a> (a Premise landing Page)<br /> and <a href="http://sensiblestrategy.com/stuff-n-nonsense/" rel="nofollow">http://sensiblestrategy.com/stuff-n-nonsense/</a> a regular page in the Education theme.</p> <p>I have removed the tangle of custom css and tried to set something up that looked like it would be 'universal' for all forms. Than add the code that would separate forms that I found on another threads</p> <pre><code>[css] /*-- Enter your custom CSS below --*/ body .gform_wrapper { width:450px; margin:0 auto; font-family: arial!important; font-size: 20px; color: white; margin: 10px; } /*-- Form ID 1 Specific Styles ---------------------------------------------*/ body .gform_wrapper {background: coral; padding:20px} body .gform_wrapper {border: 5px solid darkolivegreen} /*-- Form ID 5 Specific Styles ---------------------------------------------*/ body .gform_wrapper {background: steelblue; padding:20px;} body .gform_wrapper (border: 5px solid red}</code></pre> <p>Some of the code will overcome the other, but any changes affect both forms instead of being style specific. Adding the "_1" or "_4" after wrapper, etc. will remove all background colors. I got this idea from <a href="http://pastie.org/1081799" rel="nofollow">http://pastie.org/1081799</a> in another thread. Thank you for the help and encouragement. </p>