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.

Gravity forms displaying improperly on IE 7

  1. When I look at my form in IE8, and Firefox, the boxes are nicely centered beneath my text. But when I view my form in IE7, the entire form looks different and 4 of my boxes are kicked to the right of my text. 3 of them are completely cut off and customers cannot click on these boxes.

    Please look at http://www.latisse.md/latisse/orderlatisse/ in IE7. Scroll down on the page until you see "Are you pregnant, breast feeding or planning to get pregnant while taking this medication?" from there you can see that the check boxes for the next 3 fields are completely cut off.

    Please help!!!!!!!

    Posted 11 years ago on Friday August 6, 2010 | Permalink
  2. Hi,

    There's a lot going on in your theme, at least 14 different CSS files and several scripts being loaded. There are a lot of potential points of conflict that could cause your issue.

    That said, after toggling different items on and off in my browser, I found that in your theme's style.css file on line 408 there is a "float:left;" rule applied to the labels. Thats the source of your display issue. You may have overridden that somehow in another stylesheet for the newer browsers.. not really sure why you only see it in IE7.

    /* 5.4 Gravity Forms */
    .gfield { margin-bottom: 10px; }
    .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }

    You should be able to remove the float rule and be good to go. Just a note, this is a custom style for Gravity Forms added by the theme author (Woothemes) and not an issue with the default Gravity Forms styles. Woothemes recently added theme-specific styling to their themes as a time saver for those clients who use Gravity Forms. You can find out more about that via the link below.

    http://www.woothemes.com/2010/06/woothemes-gravity-forms/

    Posted 11 years ago on Friday August 6, 2010 | Permalink
  3. Thank you!!! That fixed it! I forwarded this post along to Woo Themes as well.

    Posted 11 years ago on Tuesday August 10, 2010 | Permalink

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