How can I edit the HTML that gforms generates?
I need to change a span class to div id, so I don't get this problem that can be seen below.
http://superluxefibers.com/contact/
I am also have an issue with the form content placing white space beneath my footer, but only in Safari and Chrome, not in IE or Firefox.
Please help!
You can't edit the form HTML. It's dynamically created. You can manipulate some of the markup with jQuery if you need to.
As far as the spacing in the footer, I doubt it's directly related to Gravity Forms, but I'll take a look and let you know what I find.
Looking at your form page, I see that your style.css file sets a 40px top margin for an iframe. there is a hidden iframe in your markup and Safari is rendering the margin even with the iframe being hidden.
You can see that if I disable the blanket margin on the iframe element the spacing at the bottom of the page is gone.
safari screenshot: http://grab.by/9Z9v
You'll need to modify your CSS file to remove that default margin for the iframe element.
Thank you so much for solving my footer problem. How can I make my contact form align correctly.
In Firebug I can change the gform_description from span to div id and then my 30px margin keep things looking tidy, but without the ability to change that, the second line has no margin.
Thanks in advance,
Jon
Jon,
You shouldn't need to change the markup for any reason. You've got something else weird going on with your styles.. most likely coming from your theme CSS. I'll take another look and let you know what I find.
Try adding the "display:block" property to your CSS rule on line 1201 of your style.css file. That cleared up the issue in my tests.
[css]
.gform_wrapper span.gform_description {
display: block;
font-weight: normal;
margin-left: 30px;
width: 80%;
}test screenshot: http://grab.by/9Zwd