https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form Gravity Support Forums Topic: Adding background image to entire form en-US Sat, 04 Apr 2026 23:55:43 +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-entire-form#post-17873 Mon, 07 Feb 2011 19:18:40 +0000 EmilioR12345 17873@https://legacy.forums.gravityhelp.com/ <p>I was able to get it to work with<br /> <pre><code>.gform_wrapper form { margin-top: 30px; }</code></pre> <p>though same result with padding-top.</p> <p>Thanks Carl. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form#post-17868 Mon, 07 Feb 2011 19:01:00 +0000 Carl Hancock 17868@https://legacy.forums.gravityhelp.com/ <p>You would have to add some padding to the .gform_wrapper element to bump down the content. You can use padding-top in your CSS to do this. Then tell it how many pixels worth of padding you need in order to bump down the content far enough to be after the red area. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form#post-17867 Mon, 07 Feb 2011 19:01:00 +0000 Carl Hancock 17867@https://legacy.forums.gravityhelp.com/ <p>You would have to add some padding to the .gform_wrapper element to bump down the content. You can use padding-top in your CSS to do this. Then tell it how many pixels worth of padding you need in order to bump down the content far enough to be after the red area. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form#post-17862 Mon, 07 Feb 2011 18:35:45 +0000 EmilioR12345 17862@https://legacy.forums.gravityhelp.com/ <p>Thank you for that. I kept trying to add the background image to<br /> <code>.gform_wrapper {overflow:hidden; margin:10px 0; max-width:640px}</code>, but thanks to you I got it working now.</p> <p>One more question, hoping you don't mind and can help me out with it. I need the top part of the background to be visible without the form obstructing its view. Please see example linked in the image below, basically I'd like the form to start in the blue area in the example. Thanks again.</p> <p><a href="http://i55.tinypic.com/282q3ao.jpg" rel="nofollow">http://i55.tinypic.com/282q3ao.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form#post-17842 Mon, 07 Feb 2011 16:37:26 +0000 Carl Hancock 17842@https://legacy.forums.gravityhelp.com/ <p>You would use CSS to do this. You would target the .gform_wrapper class and apply a background image using CSS you would write. You would add this CSS to your themes stylesheet.</p> <p>Here is an example... this would change the background color of the form to red:</p> <p><code>.gform_wrapper {background-color: red;}</code></p> <p>You would write CSS to apply a background image. The code then goes in your themes stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/adding-background-image-to-entire-form#post-17836 Mon, 07 Feb 2011 15:49:22 +0000 EmilioR12345 17836@https://legacy.forums.gravityhelp.com/ <p>I'd like to add a background image to an entire form. Any help accomplishing this would be greatly appreciated. Thank you :) </p>