https://legacy.forums.gravityhelp.com/topic/conflict-between-gform_body-and-iphone-home-page Gravity Support Forums Topic: Conflict between gform_body and iPhone home page en-US Tue, 07 Apr 2026 06:46:17 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/conflict-between-gform_body-and-iphone-home-page#post-30623 Thu, 21 Jul 2011 02:18:39 +0000 Kevin Flahaut 30623@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Thanks for the update. I'm glad that worked for you and I'm happy I could help out. </p> https://legacy.forums.gravityhelp.com/topic/conflict-between-gform_body-and-iphone-home-page#post-30622 Thu, 21 Jul 2011 01:41:42 +0000 Amblo 30622@https://legacy.forums.gravityhelp.com/ <p>Hey Kevin, thanks a lot for helping me again!!<br /> The attachments were the following:<br /> <a href="http://amblo.net/blog/wp-content/uploads/2011/07/sample1.png" rel="nofollow">http://amblo.net/blog/wp-content/uploads/2011/07/sample1.png</a><br /> <a href="http://amblo.net/blog/wp-content/uploads/2011/07/sample2.png" rel="nofollow">http://amblo.net/blog/wp-content/uploads/2011/07/sample2.png</a><br /> <a href="http://amblo.net/blog/wp-content/uploads/2011/07/sample3.jpeg" rel="nofollow">http://amblo.net/blog/wp-content/uploads/2011/07/sample3.jpeg</a></p> <p>...but you were completely right! I just had to delete the gform_body width and now the layouts work correctly even on the iphone. I really appreciate your quick answer and support, and I'm recommending gravityforms to everyone.. you guys are genious! Cheers </p> https://legacy.forums.gravityhelp.com/topic/conflict-between-gform_body-and-iphone-home-page#post-30621 Thu, 21 Jul 2011 01:20:38 +0000 Kevin Flahaut 30621@https://legacy.forums.gravityhelp.com/ <p>It sounds like you need to target your CSS rules to the individual form ID rather than using the generic classes. That will prevent width rules set for certain forms from applying to other forms on your site. See the examples here.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>Honestly, you shouldn't need to define a width on the gform_body element. The default form styles have percentage-based widths built in and fit pretty well horizontally in most instances.</p> <p>Also, I can't see your attachments because you apparently need a login to view them.</p> <p><a href="http://bit.ly/o6RNEA" rel="nofollow">http://bit.ly/o6RNEA</a></p> <p>Can you post a URL to your actual form/forms so we can see what's going on? It will be helpful to see them in the page and to inspect the CSS. </p> https://legacy.forums.gravityhelp.com/topic/conflict-between-gform_body-and-iphone-home-page#post-30616 Thu, 21 Jul 2011 00:33:13 +0000 Amblo 30616@https://legacy.forums.gravityhelp.com/ <p>Hi! I'm having a conflict between "gform_body" and my blog "home" when opened with iPhone.</p> <p>I created a few forms and I'm using them in "home" and other pages. The problem is, the fields weren't showing all the way to the right, but I could fix that by changing the "gform_body" width from 240px to 550px: <a href="http://gorillathemes.com/support/download/file.php?id=788" rel="nofollow">http://gorillathemes.com/support/download/file.php?id=788</a></p> <p>Now when I open the blog on my iPhone, the "Home" page is coming further to the left:<br /> <a href="http://gorillathemes.com/support/download/file.php?id=790" rel="nofollow">http://gorillathemes.com/support/download/file.php?id=790</a><br /> (only the "home", the other pages look just right). </p> <p>I can fix that if I get back the 240px value of the gform_body width, but the fields will not be showing correctly: <a href="http://gorillathemes.com/support/download/file.php?id=789" rel="nofollow">http://gorillathemes.com/support/download/file.php?id=789</a></p> <p>May you help me find out what to do to make it right, please? It could possibly be something related to the input field but I don't understand much about css and any support would be highly appreciated. </p> <p>Thanks in advance! </p>