https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2 Gravity Support Forums Topic: Customising required field asterix - part 2 en-US Mon, 20 Apr 2026 11:29:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2#post-43028 Sat, 03 Dec 2011 09:11:15 +0000 kyle 43028@https://legacy.forums.gravityhelp.com/ <p>It looks like the asterisks get the class gfield_required. I'm not certain they are the only items with that class, but if they are you can do an image replace with this CSS:</p> <pre><code>.gfield_required { background: url(images/myimage.png) no-repeat 0 0; display: block; text-indent:-9999px; height: 16px; width: 14px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2#post-43026 Sat, 03 Dec 2011 08:45:48 +0000 Rob Harrell 43026@https://legacy.forums.gravityhelp.com/ <p>No problem, glad to help. Manipulate away! </p> https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2#post-43025 Sat, 03 Dec 2011 08:26:02 +0000 sascha 43025@https://legacy.forums.gravityhelp.com/ <p>Hi Rob (the targeting CSS Jquery beast!),<br /> thanks for the super quick reply. Still finding my way around all the different possibilities of manipulating stuff. </p> https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2#post-43024 Sat, 03 Dec 2011 08:14:50 +0000 Rob Harrell 43024@https://legacy.forums.gravityhelp.com/ <p>Sascha, you can use jQuery to replace the *.</p> <p>Do this with a jQuery snippet added to your theme file. You would look for the "gfield_required" span and replace the contents with whatever you'd like. This of course assumes that you have already enqueued the jQuery library in your theme header.</p> <pre><code>jQuery.noConflict(); jQuery(document).ready(function($) { $(&#39;.gform_wrapper .gfield_required&#39;).html(&#39;* required&#39;); });</code></pre> <p>screenshot: <a href="http://grab.by/aczC" rel="nofollow">http://grab.by/aczC</a> </p> https://legacy.forums.gravityhelp.com/topic/customising-required-field-asterix-part-2#post-43021 Sat, 03 Dec 2011 07:53:15 +0000 sascha 43021@https://legacy.forums.gravityhelp.com/ <p>Hi there,<br /> Rob replied to this topic before, but 2 questions were unanswered yet.<br /> I would like to customise the way that the required fields asterix is being displayed. I'm thinking off either:</p> <p>1. Using my own graphic/png/jpg and not display the aterix at all</p> <p>2. Using a different standard sign or string (i.e # or &lt;required&gt;)<br /> Is there a hook I can use to achieve this? </p> <p>P.S: It would be great to leave topics open for a while, so people can contribute. Or better give people the option to re-open a ticket/topic... </p>