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.

Conflict between gform_body and iPhone home page

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Amblo
    Member

    Hi! I'm having a conflict between "gform_body" and my blog "home" when opened with iPhone.

    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: http://gorillathemes.com/support/download/file.php?id=788

    Now when I open the blog on my iPhone, the "Home" page is coming further to the left:
    http://gorillathemes.com/support/download/file.php?id=790
    (only the "home", the other pages look just right).

    I can fix that if I get back the 240px value of the gform_body width, but the fields will not be showing correctly: http://gorillathemes.com/support/download/file.php?id=789

    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.

    Thanks in advance!

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    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.

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    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.

    Also, I can't see your attachments because you apparently need a login to view them.

    http://bit.ly/o6RNEA

    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.

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  3. Amblo
    Member

    Hey Kevin, thanks a lot for helping me again!!
    The attachments were the following:
    http://amblo.net/blog/wp-content/uploads/2011/07/sample1.png
    http://amblo.net/blog/wp-content/uploads/2011/07/sample2.png
    http://amblo.net/blog/wp-content/uploads/2011/07/sample3.jpeg

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

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Wonderful. Thanks for the update. I'm glad that worked for you and I'm happy I could help out.

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

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