I have a paged form and the css is off in Chrome. The 3rd page is pushed up higher in Chrome for some reason. FF is ok. Any ideas?
FF- https://dl.dropbox.com/u/9832993/FF.png
Chrome- https://dl.dropbox.com/u/9832993/Chrome.png
I have a paged form and the css is off in Chrome. The 3rd page is pushed up higher in Chrome for some reason. FF is ok. Any ideas?
FF- https://dl.dropbox.com/u/9832993/FF.png
Chrome- https://dl.dropbox.com/u/9832993/Chrome.png
You are using a Themeforest Theme, Striking, and that theme is adding additional markup to the Gravity Forms output. Please take a look at the source of the page around the Gravity Form and you will see a bunch of invalid extra markup, things like < br /> and < p > tags.
Please see these related topics:
http://www.gravityhelp.com/forums/tags/raw
The quick fix is to wrap the [gravityform] shortcode in the [raw] shortcode. That might take care of the layout issue for you.
In addition, I could not even see the form in Firefox, possibly due to this additional markup preventing the Gravity Forms JavaScript from running.
That's not good. I don't understand because I can see it just fine in Firefox. Even after clearing my cache. And my client has not reported that either in their testing. What version are you using? I mean you can see from that screenshot link that Firefox is the only browser it looks perfect in! Lol
I wrapped it in raw and that did not work. I tried looking at the generated margins and padding but can't find the cause.
Adding the [raw] shortcode has fixed the additional markup. I can see the form now. But now we have to find the cause of the display issue. (I was using Firefox 17 on Windows 7 previously. I am using 16.0.2 on OS X now and it looks fine but it is also without the additional markup I saw previously.)
I also noted that you are using WordPress 3.4.2 and Gravity Forms 1.6.10.1. If possible, after testing for theme and plugin compatibility, can you upgrade both to the latest versions? It's possible this issue has already been resolved. I've never heard of this issue before, so I don't BELIEVE updating will fix your issue, but its a good idea to stay up to date with WordPress and Gravity Forms releases if you can.
Does this issue occur if you preview the form, and does this issue occur with the default twenty ten or twenty eleven theme? Just trying to narrow down where the issue is coming from.
I took a look at the step labels and there is a trailing space on step 3:
" Grab Spectator Passes "
I removed the trailing space:
" Grab Spectator Passes"
And it no longer wraps in Chrome. Can you try editing that label?
Screenshot: http://minus.com/lAOgupqAcv2MM
Sorry I didn't respond sooner, I stopped getting notification of post update. Chris you are the man! That was driving me nuts. I was thinking of doing the upgrade because GF, theme, and WP all have updates, but I want to wait until their tournaments over. This is for big client of mine and don't want to break it last minute. I am on FF17 OSX also...I did check it using https://saucelabs.com/home and didnt see anything wrong...weird.