https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code Gravity Support Forums Topic: How to identify the right CSS code? en-US Tue, 21 Apr 2026 11:55:50 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31833 Fri, 05 Aug 2011 11:41:32 +0000 Kevin Flahaut 31833@https://legacy.forums.gravityhelp.com/ <p>Great. I'm pleased I could help. Enjoy your weekend as well Yvonne! </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31832 Fri, 05 Aug 2011 11:40:28 +0000 yblume 31832@https://legacy.forums.gravityhelp.com/ <p>That's perfect!! Thank you so much for your help Kevin.<br /> Have a good weekend.<br /> Yvonne </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31831 Fri, 05 Aug 2011 11:30:04 +0000 Kevin Flahaut 31831@https://legacy.forums.gravityhelp.com/ <p>If you're talking about the field label. It would be like this.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield.gfield_error label { color: #CE7019; }</code></pre> <p>screenshot: <a href="http://bit.ly/mZ0wiH" rel="nofollow">http://bit.ly/mZ0wiH</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31824 Fri, 05 Aug 2011 10:47:10 +0000 yblume 31824@https://legacy.forums.gravityhelp.com/ <p>Yes, sorry, I did find that one, I amended my post just as you were posting. I didn't mean the message, I meant the title - i.e. the only thing that is still in red.</p> <p>Sorry for the confusion. </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31823 Fri, 05 Aug 2011 10:44:01 +0000 Kevin Flahaut 31823@https://legacy.forums.gravityhelp.com/ <pre><code>[css] body .gform_wrapper .validation_error { color: #ce7019; }</code></pre> <p>should do it for you.</p> <p>screenshot: <a href="http://bit.ly/na7JFO" rel="nofollow">http://bit.ly/na7JFO</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31822 Fri, 05 Aug 2011 10:39:14 +0000 yblume 31822@https://legacy.forums.gravityhelp.com/ <p>Ok - I have actually found all the solutions EXCEPT this one:</p> <p>When submitting an incorrect form, the TITLE FIELD on the error form is still RED - I absolutely can't figure out how to change that. to ce7019... </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31820 Fri, 05 Aug 2011 10:15:20 +0000 yblume 31820@https://legacy.forums.gravityhelp.com/ <p>Actually, I'm making progress - have sorted the date and field areas now. </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31816 Fri, 05 Aug 2011 09:32:45 +0000 yblume 31816@https://legacy.forums.gravityhelp.com/ <p>Oh thank you so much, that's getting there.... a few bits of code missing. If you look at the page now, you'll see the changes I've made.. it still leaves the following fields with a white background:</p> <p>Time to contact<br /> Which day<br /> How can I help you.</p> <p>Again, I'd like to change the background colour on these.</p> <p>And then the FINAL set of questions is.. when I incorrectly submit a form, the error message which says "there was a problem with your submission - Errors have been highlighted" - I would like THAT text to be ce7019 too.</p> <p>And the error fields are currently light red with red labes - I would love the labels to be CE7019 again and the fields a paler version of the same colour... I'll find the right colour code, if you could just point me to the right CSS code.</p> <p>Then it's all done, I promise!</p> <p>Many thanks!</p> <p>Yvonne<br /> Thank you so much. </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31809 Fri, 05 Aug 2011 08:34:10 +0000 Kevin Flahaut 31809@https://legacy.forums.gravityhelp.com/ <p>No, you're not stupid. Yeah, some of this is directly addressed in the docs but it's easy to miss sometimes. I see that you found part of it. This should get you what you need. Of course, tweak to suit your preferences.</p> <pre><code>[css] /* set the styles for the inputs that are required */ body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required select, body .gform_wrapper .gform_body .gform_fields .gfield.gfield_contains_required textarea { background-color: #ce7019; border:1px solid #ce7019; color:#fff } /* set the color of the required asterisk */ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required { color: #ce7019 }</code></pre> <p>screenshot: <a href="http://bit.ly/pElVhR" rel="nofollow">http://bit.ly/pElVhR</a></p> <pre><code>[css] /* change the confirmation message styling */ body #gforms_confirmation_message { border: 4px solid #2B2B2B; font-size: 20px; line-height: 1.5em; padding: 30px; background-color: #CB6F25; color: #fff; }</code></pre> <p>screenshot: <a href="http://bit.ly/nCGyB6" rel="nofollow">http://bit.ly/nCGyB6</a></p> <p>Which labels are you having trouble with? </p> https://legacy.forums.gravityhelp.com/topic/how-to-identify-the-right-css-code#post-31807 Fri, 05 Aug 2011 08:30:33 +0000 yblume 31807@https://legacy.forums.gravityhelp.com/ <p>Actually, I've found the code for the asterix </p>