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.

Page Nav CSS Issue

  1. 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

    https://www.kickinkaratesystems.com/akitournament/

    Posted 11 years ago on Saturday December 29, 2012 | Permalink
  2. 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.

    Posted 11 years ago on Sunday December 30, 2012 | Permalink
  3. 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

    Posted 11 years ago on Sunday December 30, 2012 | Permalink
  4. 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.

    Posted 11 years ago on Sunday December 30, 2012 | Permalink
  5. 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.

    Posted 11 years ago on Sunday December 30, 2012 | Permalink
  6. I took a look at the step labels and there is a trailing space on step 3:

    "&nbsp;Grab Spectator Passes "

    I removed the trailing space:

    "&nbsp;Grab Spectator Passes"

    And it no longer wraps in Chrome. Can you try editing that label?

    Screenshot: http://minus.com/lAOgupqAcv2MM

    Posted 11 years ago on Sunday December 30, 2012 | Permalink
  7. 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.

    Posted 11 years ago on Thursday January 3, 2013 | Permalink

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