https://legacy.forums.gravityhelp.com/topic/beforeafter-content-to-a-form-entry-field Gravity Support Forums Topic: Before/After Content to a Form Entry Field en-US Mon, 20 Apr 2026 07:20:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/beforeafter-content-to-a-form-entry-field#post-30620 Thu, 21 Jul 2011 01:14:44 +0000 Kevin Flahaut 30620@https://legacy.forums.gravityhelp.com/ <p>If you still want to put these directly before and after the actual input, you'll need to use a little bit of jQuery scripting (the CSS before and after pseudo classes still aren't supported fully in all the browsers) to add the additional markup.. something like this added to your page template or theme's header.php file.</p> <p><a href="http://pastie.org/2246399" rel="nofollow">http://pastie.org/2246399</a></p> <p>Of course, that assumes you have jQuery already initialized on your site and you would also need to view the source and get the actual ID of the input in your form then replace the "#input_96_1" in the example. </p> <p>After that, you'll probably want to target that input with a CSS rule to make the field a little shorter. Add something like this to your theme stylesheet.</p> <pre><code>[css] body .gform_wrapper #input_96_1 {width:50px;}</code></pre> <p>screenshot: <a href="http://bit.ly/r0LCn7" rel="nofollow">http://bit.ly/r0LCn7</a></p> <p>Hope that helps out. </p> https://legacy.forums.gravityhelp.com/topic/beforeafter-content-to-a-form-entry-field#post-30619 Thu, 21 Jul 2011 01:07:06 +0000 domainguerilla 30619@https://legacy.forums.gravityhelp.com/ <p>Hey Carl! You are absolutely right, but is there a way to target that special donation field and use the " :before {} " or " :after {}" css styles to get a dollar sign symbol to the left of the box and a .00 to the right of the box? </p> https://legacy.forums.gravityhelp.com/topic/beforeafter-content-to-a-form-entry-field#post-30603 Wed, 20 Jul 2011 23:21:01 +0000 Carl Hancock 30603@https://legacy.forums.gravityhelp.com/ <p>Unfortunately the Donation field is going to automatically format any currency added to that field. So it's going to add the decimal points automatically. So the best solution may be to just enter this requirement in the field description. </p> https://legacy.forums.gravityhelp.com/topic/beforeafter-content-to-a-form-entry-field#post-30594 Wed, 20 Jul 2011 20:35:35 +0000 domainguerilla 30594@https://legacy.forums.gravityhelp.com/ <p>Hello gents,</p> <p>I have a Donation field on my form and I cant figure out for the life of me how to add a "$" symbol in front of the this particular field and also a ".00" after this field. Although I have the form tied into the PayPal add-on and I know it will accept a "cents" value, I wanted to add these before/after the field to visually encourage the user to enter a whole dollar amount with no cents.</p> <p>Thank you so much and I appreciate your time! </p>