https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling Gravity Support Forums Topic: How to target individual forms for styling en-US Mon, 20 Apr 2026 18:13:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling#post-9739 Sun, 12 Sep 2010 12:40:45 +0000 Steve G 9739@https://legacy.forums.gravityhelp.com/ <p>That did it!</p> <p>Many thanks</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling#post-9722 Sat, 11 Sep 2010 19:37:30 +0000 Kevin Flahaut 9722@https://legacy.forums.gravityhelp.com/ <p>Steve, in your example above, you're specifying a class rather than an ID for "gform_wrapper_2". You're also missing an identifier on the input ID. That's most likely your issue. Try this.</p> <p><code>#gform_wrapper_2 #input_2_4{background-color:#c3ece9!important}</code> </p> https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling#post-9717 Sat, 11 Sep 2010 15:33:04 +0000 Steve G 9717@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Great article and bookmarked.</p> <p>I think my issue is getting to the specificity using the right selectors. On Form_1 I have a generic selector for background color. '.gform_wrapper input{background-color:#c3ece9;}'<br /> I'm using for form 2 <code>.gform_wrapper_2 input_2_4{background-color:#c3ece9!important;}</code> , i.e. being very specific to the field. </p> <p>However it ain't working. What am I doing wrong?</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling#post-9715 Sat, 11 Sep 2010 14:25:53 +0000 Kevin Flahaut 9715@https://legacy.forums.gravityhelp.com/ <p>Every form has a wrapper with a unique ID. You simply use that and CSS inheritance to cascade down and define different styles for each form.</p> <p>example: first form ID#1</p> <p><code>#gform_wrapper_1 input[type=text] {color:red}</code></p> <p>exmple: second form ID#2</p> <p><code>#gform_wrapper_2 input[type=text] {color:rblue}</code></p> <p>I'm not sure how familiar you are with CSS inheritance, but this is a good article to learn more about it.</p> <p><a href="http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/" rel="nofollow">http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-target-individual-forms-for-styling#post-9714 Sat, 11 Sep 2010 14:13:58 +0000 Steve G 9714@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm creating a second form - ID_2 which needs to be styled differently from form ID_1 which has a lot of customization on it. The form ID-2 is inheriting the styles from form ID_1. I need to: align the checkbox, captcha math box and submit button correctly , and give the paragraph text input box a background color.</p> <p>Form ID-1 is <a href="http://autostoresuperstore.com/application/" rel="nofollow">here</a><br /> Form ID_2 is <a href="http://autostoresuperstore.com/referrals/" rel="nofollow">here</a></p> <p>Any help is much appreciated</p> <p>Steve G </p>