Footer problem again « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

jessalouisa
Member

Hi, I posted about 4 months ago with this here ...

http://www.gravityhelp.com/forums/topic/forms-running-over-my-footer-section-conflicting-with-information

The issue in question can be seen here:
http://artofvitality.com/gift-certificate-request-form/

Oddly, the same issue has decided out of the blue to re-occur ... the text running into the footer...And now I'm stuck because I'm not sure what you did to fix it ... I am sure it was a fix on gravity's end, not the theme... After the last comment, you did something to resolve it, and I don't have a record of it now ... Any chance you might remember how to address this (or have it down somewhere)? Sorry to revisit this -- Thanks!

Posted 12 years ago on Monday October 17, 2011 | Permalink
Kevin Flahaut
Administrator

Nope, this is still the same issue I identified before. The theme is dynamically setting a height on the "left-area" div. You can see that in this screenshot.. it's hard-coding a height value.

http://bit.ly/qdwKFz

If I disable that inline height value, the form fits in the area properly.

http://bit.ly/nqDtCO

As I had said before, this is a theme issue and not a Gravity Forms issue. The problem is the form takes more than 1145px vertical space, so the form overflows the boundaries of the container with the set height. If it was working before, it had nothing to do with any "fixes" on our end.

I would try talking to your theme provider about the script that sets the equal height columns and see what they can do to help you overcome the issue.

Posted 12 years ago on Monday October 17, 2011 | Permalink
Scott M.
Member

Your theme has a fixed height of 1144px, and the form is taller than this.
it is being caused by the custom.js file in your theme:
if ( $et_left_area.innerHeight() < $et_sidebar.innerHeight() ) $et_left_area.css( 'height', ( $et_sidebar.innerHeight()+15 ) );

There is also something going on in your theme that is making all of the 's' characters disappear in chrome. I disabled and reenabled the Goudy Bookletter 1911 font settings and it seams to have corrected it, but it may be a problem in the Google font service you are using.

------------------------------------------------------------------------------------------------------
oops, spent half an hour traipsing through the scripts to find this and i was already answered!

Posted 12 years ago on Monday October 17, 2011 | Permalink
jessalouisa
Member

Thank you both...I'm pretty sure last time this was not resolved by the theme provider, but, in any case...

You said: If I disable that inline height value, the form fits in the area properly.

http://bit.ly/nqDtCO

Is this something you had the power to do, or I have the power to do?? What is the solution that is in my power, fixing the custom.js file? .... and if so, what are the values to specify?

Posted 12 years ago on Monday October 17, 2011 | Permalink
Kevin Flahaut
Administrator

The only way to "fix" it offhand would be remove the script. The script dynamically sets the height value, it's not something you specify. The script tries to make the 2 content columns the same size.. it checks the content when the page first loads and sets the heights. The problem being that if everything doesn't load before that script, then the size can be incorrect and cause these kinds of problems.

Let me tinker with something and see if I can offer some kind of a CSS "fix" to get you by for now. I'll post back what I find.

Posted 12 years ago on Monday October 17, 2011 | Permalink
Kevin Flahaut
Administrator
Try adding this to the end of your theme stylesheet.
```
[css]
body.page-id-2033 div#content-area div#left-area[style] {
    height: 1600px !important;
}
```
That should work for you. It did in my test. Please note that this is only for the form on the page you referenced above.. see the unique "page-id-2033" class in the rule. That way this won't affect the height on any other pages, just this form page.

If you needed to apply the same type of fix on another form page, just view the source and grab the appropriate body class and update the previous snippet accordingly.

So, this is a work around, but probably not the best way to handle it if you have a bunch of forms. I would look for a theme fix, but this should get you by in the mean time.
Posted 12 years ago on Monday October 17, 2011 | Permalink
jessalouisa
Member

BRAVO! and Merci! GENIUS! I really appreciate this info, and next time I will be all set!! 8))) thank you

Posted 12 years ago on Wednesday October 19, 2011 | Permalink
Kevin Flahaut
Administrator

Wonderful. I'm pleased that worked for you. Sometimes you just have to be creative with these things. :)

Posted 12 years ago on Wednesday October 19, 2011 | Permalink

This topic has been resolved and has been closed to new replies.