https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-form Gravity Support Forums Topic: Adding Background Image to Form en-US Sat, 04 Apr 2026 03:00:23 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-form#post-49896 Sun, 19 Feb 2012 15:48:05 +0000 Rob Harrell 49896@https://legacy.forums.gravityhelp.com/ <p>Awesome - glad to help! </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-form#post-49895 Sun, 19 Feb 2012 15:46:39 +0000 Dusty 49895@https://legacy.forums.gravityhelp.com/ <p>Many thanks, Rob. That did the trick. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-form#post-49894 Sun, 19 Feb 2012 15:34:06 +0000 Rob Harrell 49894@https://legacy.forums.gravityhelp.com/ <p>Looks like you have one minor typo in your CSS, try replacing with this:</p> <pre><code>[css] body #gform_wrapper_12 { background-image: url(../images/blue_background.png); background-repeat: no-repeat; height: 580px; width: 390px; }</code></pre> <p>You had a space between "url" and the "(". Also, you probably need to update the path of your image, doesn't look like that file lives where you are pointing to. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-form#post-49893 Sun, 19 Feb 2012 14:52:49 +0000 Dusty 49893@https://legacy.forums.gravityhelp.com/ <p>Hello Team,</p> <p>My goal is to set a 390px by 580px image called blue_background.png as the background image for my form.</p> <p>I've followed the instructions here: <a href="http://www.gravityhelp.com/forums/topic/adding-image-border-to-form" rel="nofollow">http://www.gravityhelp.com/forums/topic/adding-image-border-to-form</a> and have added the modified CSS to my custom.css file.</p> <p>However, for some reason it's not working. I suspect there's a conflict with the Gravity Forms CSS added by WooThemes to my themes style.css.</p> <p>Can you help me diagnose?</p> <p>Here's the URL for the test form: <a href="http://bitcadet.com/test-form/" rel="nofollow">http://bitcadet.com/test-form/</a></p> <p>Regards,<br /> DD </p>