https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label Gravity Support Forums Topic: Add a CSS class to one word in the field label en-US Wed, 22 Apr 2026 22:55:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label#post-87630 Mon, 05 Nov 2012 15:09:21 +0000 fabier 87630@https://legacy.forums.gravityhelp.com/ <p>Thanks :). </p> https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label#post-87498 Mon, 05 Nov 2012 07:22:22 +0000 Chris Hajer 87498@https://legacy.forums.gravityhelp.com/ <p>Is this the post you are referencing?<br /> <a href="http://www.gravityhelp.com/forums/topic/allow-html-in-field-label?message=closed#post-5565" rel="nofollow">http://www.gravityhelp.com/forums/topic/allow-html-in-field-label?message=closed#post-5565</a></p> <p>The issue does not come up frequently which is why it has not been added as a feature. I'll tag it as a feature request so we don't lose track of it. </p> https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label#post-87391 Mon, 05 Nov 2012 01:49:44 +0000 fabier 87391@https://legacy.forums.gravityhelp.com/ <p>I did finally find another thread which gave the same suggestion, but I'm really rather disappointed by this. Resorting to Javascript for display issues feels like really bad form IMHO. </p> <p>Ultimately, I coded the following in case anyone else is curious. This should REALLY be solved in some form. Maybe enable shortcodes in the field label when the form is displayed. That would have made my life so much easier... :-/</p> <blockquote><p> &lt;script type="text/javascript"&gt;<br /> jQuery.noConflict();<br /> jQuery(document).ready(function($) {<br /> function replaceblue() {<br /> $("label").each(function(index) {<br /> var html = $(this).html();<br /> var reghtml = html.replace(/\*([A-z0-9 _\/]*)\*/gi, function($1, $2) { return '&lt;span class="evblue"&gt;' + $2 + '&lt;/span&gt;'});<br /> $(this).html(reghtml);<br /> });<br /> }<br /> jQuery(document).bind('gform_post_render', function(){<br /> replaceblue();<br /> });<br /> replaceblue();<br /> });</p> <p> &lt;/script&gt; </p></blockquote> https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label#post-87355 Sun, 04 Nov 2012 23:58:00 +0000 Chris Hajer 87355@https://legacy.forums.gravityhelp.com/ <p>I don't think you will be able to do this in the form builder. You're going to have to resort to jQuery to change the display of that one word in your label. It would be an approach similar to this: <a href="http://stackoverflow.com/a/8881222" rel="nofollow">http://stackoverflow.com/a/8881222</a> </p> https://legacy.forums.gravityhelp.com/topic/add-a-css-class-to-one-word-in-the-field-label#post-87246 Sun, 04 Nov 2012 11:45:15 +0000 fabier 87246@https://legacy.forums.gravityhelp.com/ <p>Hey,</p> <p>I've searched all over the internet for a solution to this to no avail. I am looking for a way to add a CSS class to one word in my field labels either with a simple span tag or I wouldn't be adverse to writing a simple shortcode to do the trick either. But Gravity forms renders both options useless, it seems.</p> <p>Is there a solution here which I am missing?</p> <p>Here is a quick screenshot of what I'm trying to do: <a href="http://alleysandcorners.com/sfs/2012-11-04_1043.png" rel="nofollow">http://alleysandcorners.com/sfs/2012-11-04_1043.png</a></p> <p>Thanks for any help you can provide! </p>