Gravity Support Forums Topic: How Do I Add A Background Image for the form to lay on?

Gravity Support Forums Topic: How Do I Add A Background Image for the form to lay on? https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on Gravity Support Forums Topic: How Do I Add A Background Image for the form to lay on? en-US Sun, 19 Apr 2026 18:49:43 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Rob Harrell on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-51691 Wed, 07 Mar 2012 21:35:41 +0000 Rob Harrell 51691@https://legacy.forums.gravityhelp.com/ Try this out: <a href="http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/" rel="nofollow">http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/</a> goldentwig on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-51679 Wed, 07 Mar 2012 18:51:23 +0000 goldentwig 51679@https://legacy.forums.gravityhelp.com/ Hi, I think I'm trying to do the opposite -- I need to REMOVE the background image (bullet points) from my form, but am stumbling over the CSS. (I think I'm close but just a little off!) I was told by my Wordpress theme designer to remove the background in a fashion such as this: <pre><code>#some_id_from_the_gravity_form ul li { background: none!important; }</code></pre> so I have tried many variations trying to figure out which id layer #some_id_from_the_gravity_form refers to and came up with this: <pre><code>#gform_wrapper_1 ul li { background: none!important; }</code></pre> It's still not getting rid of the bullet points so there must be something I'm doing wrong! Can you please help me out? Thanks! Oh and I would post the link to my form, but the site isn't live yet and you won't be able to view it until it launches. Kevin Flahaut on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-27381 Wed, 08 Jun 2011 22:29:11 +0000 Kevin Flahaut 27381@https://legacy.forums.gravityhelp.com/ Very true. I'm pleased I could help out. vegaskev on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-27377 Wed, 08 Jun 2011 21:21:19 +0000 vegaskev 27377@https://legacy.forums.gravityhelp.com/ Thanks Kev.....us Kev's gotta stick together! Kevin Flahaut on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-27218 Tue, 07 Jun 2011 15:40:35 +0000 Kevin Flahaut 27218@https://legacy.forums.gravityhelp.com/ You would put the rule at the end of your theme's stylesheet - usually style.css or custom.css depending on how your theme developer set it up. You would want to apply the background to a specific for ID rather than the generic class where it would apply to every form. You can view the form source to grab the ID of your form. Here's an example of the proper way to do it. The example below would be for form ID #1 <pre><code>[css] body #gform_wrapper_1 { background-image:url(http://www.mysite.com/folder/image.jpg) }</code></pre> Here's more information on properly targeting the form elements. There are examples that would apply to all forms, and then those for specific form IDs as well. <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> vegaskev on "How Do I Add A Background Image for the form to lay on?" https://legacy.forums.gravityhelp.com/topic/how-do-i-add-a-background-image-for-the-form-to-lay-on#post-27214 Tue, 07 Jun 2011 15:10:01 +0000 vegaskev 27214@https://legacy.forums.gravityhelp.com/ I'm trying to add a background to a form. I need bits of advice first. 1.) Where would I make the edit to place the image as a background? 2.) is the css as follows: .gform_wrapper {background-image: <a href="http://mysite.com/folder/image.png;" rel="nofollow">http://mysite.com/folder/image.png;</a>} Please let me know if I'm in the right direction with my css and in what file I would place this bit of code. I found the code in another post on the forum that had to do with changing the background color, however, I need to know where that line of code goes, as well as whether or not I have the css code written correctly. Thanks in advance. I appreciate it.