https://legacy.forums.gravityhelp.com/topic/adding-small-icons-inside-form-fields Gravity Support Forums Topic: Adding Small Icons Inside Form Fields en-US Tue, 07 Apr 2026 20:02:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adding-small-icons-inside-form-fields#post-32199 Wed, 10 Aug 2011 11:34:34 +0000 Kevin Flahaut 32199@https://legacy.forums.gravityhelp.com/ <p>Great. I'm glad I could help. </p> https://legacy.forums.gravityhelp.com/topic/adding-small-icons-inside-form-fields#post-32197 Wed, 10 Aug 2011 11:31:55 +0000 benyschonfeld 32197@https://legacy.forums.gravityhelp.com/ <p>Great! That works perfectly!<br /> Thanks so much. </p> https://legacy.forums.gravityhelp.com/topic/adding-small-icons-inside-form-fields#post-32193 Wed, 10 Aug 2011 11:17:31 +0000 Kevin Flahaut 32193@https://legacy.forums.gravityhelp.com/ <p>Try adding this to your theme stylesheet. Change the image path of course and tweak to your liking.</p> <pre><code>[css] body #gform_wrapper_1 input#input_1_1 { background-image: url(&quot;http://www.reaudio.com/images/email_icon.gif&quot;); background-repeat: no-repeat; background-position: 97% 50%; }</code></pre> <p>screenshot: <a href="http://bit.ly/pS5XOR" rel="nofollow">http://bit.ly/pS5XOR</a> </p> https://legacy.forums.gravityhelp.com/topic/adding-small-icons-inside-form-fields#post-32190 Wed, 10 Aug 2011 10:51:03 +0000 benyschonfeld 32190@https://legacy.forums.gravityhelp.com/ <p>Hello again,</p> <p>I'd like to add a small icon in the Name field and Email field on my forms. I've tried setting the icons as "background-image" using CSS, and styling the position, repeat, padding etc to make it work but I can't seem to place it properly... </p> <p>I must be targeting the wrong div's...</p> <p>Ideally I'd like the icons to be inside the fields, on the right side, centered vertically and 10px away from the right border of the field. Can you help me with this?</p> <p>My URL just in case: <a href="http://appeando.com" rel="nofollow">http://appeando.com</a></p> <p>Thanks!</p> <p>Beny Schonfeld </p>