https://legacy.forums.gravityhelp.com/topic/styling-field-labels-and-onfocus-behavior Gravity Support Forums Topic: Styling field labels and onfocus behavior en-US Sun, 19 Apr 2026 18:36:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-field-labels-and-onfocus-behavior#post-29532 Fri, 08 Jul 2011 23:44:04 +0000 ztalk112 29532@https://legacy.forums.gravityhelp.com/ <p>Okay . . . I figured it out, including the labels. Cheers! </p> https://legacy.forums.gravityhelp.com/topic/styling-field-labels-and-onfocus-behavior#post-29526 Fri, 08 Jul 2011 17:33:50 +0000 ztalk112 29526@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin . . . I think I may be able to Forrest Gump my way though that.</p> <p>However, how do I style the field labels (and * required label) so they don't display above the fields?</p> <p>Thnx in anticipation </p> https://legacy.forums.gravityhelp.com/topic/styling-field-labels-and-onfocus-behavior#post-29525 Fri, 08 Jul 2011 17:24:44 +0000 Kevin Flahaut 29525@https://legacy.forums.gravityhelp.com/ <p>This is possible, but it's not something Gravity Forms does out of the box. You could use the default values and a little jQuery scripting to make it happen.</p> <p><a href="http://rkt.gs/clearit" rel="nofollow">http://rkt.gs/clearit</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-field-labels-and-onfocus-behavior#post-29524 Fri, 08 Jul 2011 16:58:09 +0000 ztalk112 29524@https://legacy.forums.gravityhelp.com/ <p>Hi All,</p> <p>I'm currently redesigning one of my sites and attempting to transition a squeeze page opt-in form to utilize the MailChimp add-on for Gravity.</p> <p>I previously hand coded and styled the opt-in form to use Aweber. Here's what the form used to look like:<br /> <a href="http://www.pacificnewmedia.co.nz/archives/promptdog/old_optin.png" rel="nofollow">http://www.pacificnewmedia.co.nz/archives/promptdog/old_optin.png</a></p> <p>Here's what the form looks like now with my first pass at integrating Gravity:<br /> <a href="http://www.pacificnewmedia.co.nz/blog/5-step-plan/" rel="nofollow">http://www.pacificnewmedia.co.nz/blog/5-step-plan/</a></p> <p>Note that the MailChimp add-on works great, no issues there. My problem is with how to style the two form fields so that the field labels are replaced by pre-populated field values . . . values that dissappear on focus (as was the case with the old opt-in form above).</p> <p>CSS is not my strong suit and this is new territory for me :-\</p> <p>I realise that there will also be issues with error messages as well, but I'd really like to get the field labels sorted as described above first and then I'll likely contract one of the experts here to handle that even more complex issue.</p> <p>Any help greatly appreciated. </p>