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.

padding form content

  1. I have succeeded in applying a background color on all forms on my site. The form content, however, is snug up against the left margin. How can I add some padding to the content so it's not flush with the edge of the background color?

    Posted 12 years ago on Wednesday July 20, 2011 | Permalink
  2. I can't see your page to provide you with specific suggestions because you didn't link to it. If you want to add padding to the form content then you would add padding to whatever form element you want to target using custom CSS you would add to your themes stylesheet.

    If you want to add padding to the form container itself then you'd add padding to the form wrapper.

    Here is a document that provides examples of how to target and style form elements using CSS, including the form wrapper:

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

    Your custom CSS would go in your themes stylesheet.

    Posted 12 years ago on Wednesday July 20, 2011 | Permalink
  3. Thanks, Carl.

    Here is one of the pages in question:
    http://homeshowonline.net/sponsors/abacus-plumbing/

    I first tried using a border to accomplish the padding, but couldn't get the hex code color to display. The "solid red" displayed just fine. But, when I added the hex code for color, nothing.

    Just in case it isn't already obvious, I'm swimming at the tippy-toes end of my knowledge pool here.

    Posted 12 years ago on Wednesday July 20, 2011 | Permalink
  4. Here you go.. just add this to the end of your theme stylesheet and tweak away.

    [css]
    body #gform_wrapper_6 {
        padding: 10px;
    }

    screenshot: http://bit.ly/nhLcu4

    If you get stuck, just give us a shout and we'll be happy to help out.

    Your button text is pretty verbose for the small content area so it's most likely going to break out of your padding setting unless you pare the text down a bit.

    Posted 12 years ago on Wednesday July 20, 2011 | Permalink
  5. Thanks, Kevin. I have several versions of the form. So, just repeated it and changed the ID number of the form. Worked like a charm, but I am guessing there is probably an easier way to get it done than to put 21 instructions in the CSS.... I'm just sayin.

    Thanks again for your help!

    c

    Posted 12 years ago on Saturday July 30, 2011 | Permalink
  6. Yes, if you want the rule to apply to all your forms you would use the global class name to apply the style like this.

    [css]
    body .gform_wrapper {
        padding: 10px;
    }
    Posted 12 years ago on Saturday July 30, 2011 | Permalink