Please Note: We are no longer using forums to facilitate standard support. 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

  1. Hi,

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

    cheers

    Posted 3 years ago on Tuesday October 11, 2011 | Permalink
  2. 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 3 years ago on Tuesday October 11, 2011 | Permalink
  3. 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 3 years ago on Tuesday October 11, 2011 | Permalink
  4. 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.

    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 3 years ago on Tuesday October 11, 2011 | Permalink

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only