https://legacy.forums.gravityhelp.com/topic/footer-widget-embed Gravity Support Forums Topic: Footer Widget Embed? en-US Mon, 20 Apr 2026 10:04:01 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/footer-widget-embed#post-265656 Tue, 21 May 2013 10:12:38 +0000 Richard Vav 265656@https://legacy.forums.gravityhelp.com/ <p>You would target the submit button like so<br /> <pre><code>#footer .gform_widget .gform_wrapper .gform_footer input[type=&quot;submit&quot;] { /*normal state styles go here*/ } #footer .gform_widget .gform_wrapper .gform_footer input[type=&quot;submit&quot;]:hover { /* hover state styles go here*/ }</code></pre> <p>You can find some readymade gradients or make your own on the following site <a href="http://www.colorzilla.com/gradient-editor/" rel="nofollow">http://www.colorzilla.com/gradient-editor/</a> </p> https://legacy.forums.gravityhelp.com/topic/footer-widget-embed#post-265580 Tue, 21 May 2013 09:24:05 +0000 klondike91 265580@https://legacy.forums.gravityhelp.com/ <p>Richard, thank you! This css works perfectly! Any recommendations on styling the submit button? Plain white with no hover indication is a bit too plain. </p> https://legacy.forums.gravityhelp.com/topic/footer-widget-embed#post-264711 Tue, 21 May 2013 03:43:43 +0000 Richard Vav 264711@https://legacy.forums.gravityhelp.com/ <p>Try adding the following CSS towards the bottom of your theme's style.css file or wherever you are instructed to place custom CSS.<br /> <pre><code>#footer .gform_widget .gform_wrapper .gform_fields .gfield { background: none !important; padding: 0 !important; } #footer .gform_widget .gform_wrapper .gform_fields .gfield_label { float: none; }</code></pre> <p>To make the email input wider you can edit the form in admin and on the advanced tab of your email field set the 'Field Size' to 'Large'.</p> <p>Your form should then look like this, <a href="http://i.imgur.com/7GVbFZl.png" rel="nofollow">http://i.imgur.com/7GVbFZl.png</a></p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/footer-widget-embed#post-264317 Tue, 21 May 2013 00:54:51 +0000 klondike91 264317@https://legacy.forums.gravityhelp.com/ <p>I'm trying to add a simple email subscribe form to a footer via your form widget. Any suggestions? The embedded form is a mess. Do I need to style it using my own CSS? Do need to turn off your css? What the best method?<br /> <a href="http://sd-devsite.com/pie/" rel="nofollow">http://sd-devsite.com/pie/</a> </p>