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 Image Border to Form

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Nicster
    Member

    Hi,

    Just wanted to add an image border to my gravity form. Is this possible?

    cheers

    Posted 12 years ago on Tuesday October 11, 2011 | Permalink

  2. Chris Hajer
    Key Master

    Yes. Please share an example of your form and what sort of image you want to use.

    This is not related to Gravity Forms at all but we can help you with the CSS if you tell us more about what you want to do.

    Posted 12 years ago on Tuesday October 11, 2011 | Permalink

  3. Nicster
    Member

    Thanks Chris! Here's a pdf of what we're trying to do:
    http://www.mooreinteraction.com/blog/wp-content/uploads/2011/10/salt-cashcall-revisions.pdf

    Posted 12 years ago on Tuesday October 11, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    This should just be standard CSS implementation. I'm assuming you don't want this for EVERY form you do so this example assumes you're working with form ID#1 - also, your example doesn't look like a tiling background, but rather a set size, so we'll assume for this example the background image (rounded corners) is 600px tall and 400px wide.

    [css]
body #gform_wrapper_1 {
	background-image: url(../images/formbackground.png);
	background-repeat: no-repeat;
	height: 600px;
	width: 400px
}

    you can find more information on targeting form elements for CSS/style manipulation in the documentation here.

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 12 years ago on Tuesday October 11, 2011 | Permalink