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.

How to create padding for the entire form

Gravity Support Forums » Plugin Support » Gravity Forms

  1. tslo95
    Member

    Hello There,

    I need to be able to have my form that I add to the page of my website to go in between two images that are acting as page borders. How can I accomplish this?

    Take a look at my page and you will see what I mean...

    http://www.coffeegramcafe.com/send-a-coffee-gram/

    This is the code:
    <img class="alignleft" style="margin-left: 10px; margin-right: 10px; margin-top: -21px;" src="http://www.coffeegramcafe.com/wp-content/uploads/2012/04/sidebackground.jpg" alt="" width="109" height="520" /><img class="alignright size-full wp-image-167" style="margin-left: 10px; margin-right: 10px; margin-top: -21px;" src="http://www.coffeegramcafe.com/wp-content/uploads/2012/04/sidebackgroundright.jpg" alt="" width="108" height="520" />
    [gravityform id="1" name="Send a CoffeeGram" title="false"]

    Thanks for your help!

    Posted 13 years ago on Monday May 7, 2012 | Permalink

  2. Rob Harrell
    Member

    Try dropping this into your theme's stylesheet:

    [css]
#gform_wrapper_1 {
width: 680px;
float: left;
}

    We are telling the form with the ID of 1 to only be but so wide and to float left. Now your left/right border images are a finite height it seems, and are placed physically on the page, rather than background elements that can be repeated naturally. So you may want to adjust that at some point.

    Posted 13 years ago on Monday May 7, 2012 | Permalink