https://legacy.forums.gravityhelp.com/topic/style-required-field-differently Gravity Support Forums Topic: Style Required Field Differently en-US Mon, 20 Apr 2026 01:07:43 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/style-required-field-differently#post-20277 Wed, 09 Mar 2011 16:50:40 +0000 Kevin Flahaut 20277@https://legacy.forums.gravityhelp.com/ <p>Thanks for the insight. I do agree with you. I think this can be done better. There are a couple of things like this that I want to improve moving forward and we'll be working on those in one of the post 1.5 releases. </p> https://legacy.forums.gravityhelp.com/topic/style-required-field-differently#post-20269 Wed, 09 Mar 2011 16:21:41 +0000 Darfuria 20269@https://legacy.forums.gravityhelp.com/ <p>In fact, I think this is a flaw in the way this is coded to begin with, given an item can have multiple classes.</p> <p>Instead of having</p> <p><code>&lt;label for=&quot;input_1_2&quot; class=&quot;gfield_label&quot;&gt;FIELD&lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt;&lt;/label&gt;</code></p> <p><code>span.gfield_required {color: #FFFFFF; font-weight: bold;}</code></p> <p>It makes much more sense to have the code rendered as </p> <p><code>&lt;label for=&quot;input_1_2&quot; class=&quot;gfield_label gfield_required&quot;&gt;FIELD&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;</code></p> <p>That way the entire required field can be targeted, or just the span for the asterisk.</p> <p><strong>EDIT</strong></p> <p>For now I have settled with the following solution, but I doubt it's the best</p> <pre><code>jQuery(document).ready(function() { jQuery(&#39;label.gfield_label:has(span.gfield_required)&#39;).css(&#39;color&#39;, &#39;#800000&#39;); });</code></pre> https://legacy.forums.gravityhelp.com/topic/style-required-field-differently#post-20267 Wed, 09 Mar 2011 16:12:54 +0000 Darfuria 20267@https://legacy.forums.gravityhelp.com/ <p>The span class gfield_required is only applied to the asterisk that is added to a field that is set to required. I'd like to be able to style the entire label, not just the asterisk. Aside from selecting each required field manually by using their li IDs, is there any way I can do this?</p> <p>Thanks </p>