https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form Gravity Support Forums Topic: How to Add Images to Form? en-US Sun, 19 Apr 2026 18:38:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-111069 Sun, 30 Dec 2012 10:48:03 +0000 Chris Hajer 111069@https://legacy.forums.gravityhelp.com/ <p>@reegerss, please begin a new topic and ask your question there. If you would like to add a background image to your page or form, please let us know what image you would like to add and provide a link to the page on your site where the form is embedded. There have been no changes to this functionality, but we can help you with the CSS to get the form displayed how you like. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-110605 Sat, 29 Dec 2012 14:38:58 +0000 reegerss 110605@https://legacy.forums.gravityhelp.com/ <p>have there been any updates to make this easier? or something similar?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-53562 Tue, 27 Mar 2012 08:13:51 +0000 Shonari 53562@https://legacy.forums.gravityhelp.com/ <p>That works... all depends on where you want the images to go. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-53547 Tue, 27 Mar 2012 05:23:18 +0000 Fika 53547@https://legacy.forums.gravityhelp.com/ <p>Thanks, I am having trouble with assigning a BG image in the text field due to the exact positioning I want, so think I will just need to put the HTML div's in and use CSS to control the images in them above the fields. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-53460 Mon, 26 Mar 2012 13:12:36 +0000 Shonari 53460@https://legacy.forums.gravityhelp.com/ <p>What I did was:</p> <p>Create the field and assign a custom css class name. I then specified the custom image css in the theme.<br /> So in the field section click on Advanced then enter a CSS Class name. Go to your theme css and enter:</p> <pre><code>[css] .classname { height: 150px; padding-left: 180px; background-image: url(&#39;http://url-toimage-file.jpg&#39;); background-repeat: no-repeat; background-position: left; padding-bottom: 15px; }</code></pre> <p>Of course the css will be specific to your layout.</p> <p>If you dont want to add the css to your theme you can download the plugin "Specific CSS/JS for Posts and Pages" and specify the css in the post where the form will be added</p> <p>Hope that helps </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-53447 Mon, 26 Mar 2012 12:00:10 +0000 Kevin Flahaut 53447@https://legacy.forums.gravityhelp.com/ <p>You would need to add HTML blocks or else target the individual input containers and apply background images via CSS rules. Either way, if you have that many fields it's going to be a bit of work. The latter will keep the form builder less cluttered in the admin. </p> https://legacy.forums.gravityhelp.com/topic/how-to-add-images-to-form#post-53411 Mon, 26 Mar 2012 04:49:01 +0000 Fika 53411@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I am trying to create a form similar to this pic I uploaded <a href="http://i43.tinypic.com/359mufb.jpg" rel="nofollow">http://i43.tinypic.com/359mufb.jpg</a></p> <p>It is basically a 4 column layout form which has an image above a form field. The image is a product in this case and the user can enter the quantity into the form field of which products they desire. </p> <p>I don't see a way in gravity forms to simply add an image to the form without perhaps using the HTML block? I have about 150 images for the form, so doing it via HTML would be cumbersome but OK if that is the only way. </p> <p>Can anyone help me understand how to achieve such a form using gravity forms?</p> <p>Thanks </p>