PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Adding an image to a form

  1. Trammel
    Member

    I'm not a coder and don't really understand how to modify CSS. All I want to do is add an image to the top of my forms, the bottom of my forms and to have the ability to add an image within the form if I choose to. Can someone explain in plain language how to do this? Here's an example of a form I'm trying to replicate in Gravity forms: http://www.formstack.com/forms/?1190194-wf05szXDIq. Notice the logo at the top, the mini logos at the bottom and the thumbnail picture of the guide in the text of the first paragraph. I would also like to know how to add straight text boxes when I need to add a sentence or paragraph to a form. I'm at a bit of a loss here. Any help is appreciated.

    Posted 12 years ago on Saturday June 9, 2012 | Permalink
  2. Trammel
    Member

    hello, any one want to pitch in and help poor little ol me?

    Posted 12 years ago on Sunday June 10, 2012 | Permalink
  3. You caught us on the weekend outside our standard support hours.

    To add images to your form, you can use the HTML block and insert your image code into that. Then use CSS in you theme's style.css to position the images exactly how you want them. It's not difficult work but it will require some HTML and CSS to make it happen.

    Posted 12 years ago on Monday June 11, 2012 | Permalink
  4. palpatine
    Member

    Hey There,

    I know this is an old post, but instead of creating a new one, I thought I'd ask here since it's on topic.

    I figured out how to add an image, and text, to the form body using the HTML box, but I'd really like the images and text to appear below the Submit button.

    Is there an easy trick for that?

    I'm not a coder either, but I'm playing with the css a bit myself, so I was hoping there was some code that someone could supply me with and I could just cut and past it in.

    Thanks for your time,

    Posted 11 years ago on Tuesday June 18, 2013 | Permalink
  5. David Peralty

    If you want something to show up outside the boundaries of our form, you would have to do that in the WordPress page/post editor. So if you want images after the form, you would just have the embed code for the form and then the images you want to display in the WordPress post editor.

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink
  6. palpatine
    Member

    Thanks David. So there's no way to embed images or text in the actual footer of the form?

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink
  7. David Peralty

    No, the submit button is always the last thing in a Gravity Forms form.

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink
  8. palpatine
    Member

    Okay, thanks for the prompt reply David.

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink
  9. David Peralty

    No problem. Good luck!

    Posted 11 years ago on Wednesday June 19, 2013 | Permalink