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?
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?
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.
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.
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.
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
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;
}