https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids Gravity Support Forums Topic: CSS not being applied to IDs en-US Mon, 20 Apr 2026 11:56:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30052 Thu, 14 Jul 2011 17:46:38 +0000 Kevin Flahaut 30052@https://legacy.forums.gravityhelp.com/ <p>No worries. I've stared holes in my screen many times. I know how it is.. usually the simple stuff that vexes us. Glad I could help. </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30049 Thu, 14 Jul 2011 17:45:17 +0000 dodonest 30049@https://legacy.forums.gravityhelp.com/ <p>Hey Kevin-</p> <p>Slight oversight on my part :)- Chalk it up to staring at the computer all day. I caught the "body" but overlooked the "#".</p> <p>Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30046 Thu, 14 Jul 2011 17:32:15 +0000 Kevin Flahaut 30046@https://legacy.forums.gravityhelp.com/ <p>That's exactly the point I'm making.</p> <p>".gform_wrapper_1" (dot) indicates that you are targeting a reusable class name of "gform_wrapper_1" while "#gform_wrapper_1" (pound) indicates that you are targeting an element with the unique ID of "gform_wrapper_1". That's not the same thing.</p> <p>If you use the # (pound) sign instead of the . (dot) it should work because that's how the markup is structured.</p> <p>If you want it to apply to all forms, you would simply use ".gform_wrapper" because that's the generic class that applies to all of the Gravity Forms on your site.</p> <p><a href="http://css-tricks.com/818-the-difference-between-id-and-class/" rel="nofollow">http://css-tricks.com/818-the-difference-between-id-and-class/</a> </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30044 Thu, 14 Jul 2011 17:28:01 +0000 dodonest 30044@https://legacy.forums.gravityhelp.com/ <p>This is the CSS I'm working with at the moment while I'm testing this out.</p> <pre><code>[css] body .gform_wrapper_1 .left_label .gfield_label { color: #71277A; float: none; font-weight: bold; margin: 2px 15px 0 0; width: 29%; } body .gform_wrapper_1 .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex { float: none; width: 64%; } body .gform_wrapper_1 .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small { font-size: 14px; width: 15%; }</code></pre> <p>When I remove _1 the CSS displays? If I place the _1 after wrapper it's disabling the css for some reason. </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30036 Thu, 14 Jul 2011 17:14:10 +0000 Kevin Flahaut 30036@https://legacy.forums.gravityhelp.com/ <p>nope, you may not NEED the "body" in the rule, but the better the specificity in the rule, the less problems you'll have overriding other theme styles so I recommend it. </p> <p>You don't need to add anything to your class names in the form editor because the "gform_wrapper_1" ID is something that's automatically applied when the form is rendered. </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-30035 Thu, 14 Jul 2011 17:03:45 +0000 dodonest 30035@https://legacy.forums.gravityhelp.com/ <p>So I have to actually include "body" in front of #gform?</p> <p>Also, in order for the css to display I "Don't" need to add "#gform_wrapper_1" to CSS Class Name in the Form Setting? </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-29999 Thu, 14 Jul 2011 14:23:05 +0000 Kevin Flahaut 29999@https://legacy.forums.gravityhelp.com/ <p>You're using a class identifier (dot) and trying to taget an ID and that won't work. It also ooks like your color property was left empty. That's probably breaking the rest of the properties you're trying to define in that rule.</p> <p>Try this</p> <pre><code>[css] body #gform_wrapper_1 .left_label .gfield_label { color:#000; float: left; font-weight: bold; margin: 2px 15px 0 0; width: 29% }</code></pre> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/css-not-being-applied-to-ids#post-29997 Thu, 14 Jul 2011 13:18:21 +0000 dodonest 29997@https://legacy.forums.gravityhelp.com/ <p>I'm trying to apply custom css to the field label on id 1 and for some reason it not being applied?</p> <pre><code>[css] .gform_wrapper_1 .left_label .gfield_label { color: ; float: left; font-weight: bold; margin: 2px 15px 0 0; width: 29%; }</code></pre> <p>Thanks,<br /> K </p>