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.

Elegant Themes Breaks Gravity

  1. gwc_wd
    Member

    URL available by e-mail.

    I sent over a new business customer for GF recently and they were appropriately impressed :) Unfortunately I also had them use the theme Gleam by Elegant Themes and naturally enough now they want to keep both.

    ET's support threads regarding their themes interaction with GF consist of telling people they don't support plugins. So I need some help assuming there is a solution.

    When a page is selected from the frontend on a Gleam site, the url is domain.com/#!/page-name. If a GF form is on that page, it will not render. At all.

    If you view the page from within the WP page editor, the url is normal (ie. without the #!) and GF renders fine, but of course none of the Gleamy goodness is rendered.

    I have tried every variation of Output CSS on/off, compatibility on/off, html5, use animation, don't. Give it a class name/not.

    In examining with Firebug I can find only one difference between the page reached with #! and without. In the one with there is a line:
    Inherited fromdiv#main_content.jspScrollable
    The matching line without is
    Inherited fromdiv#main_content

    But aside from the inherited from line, every character of the actual css is identical.

    I get that GF can't support theme developers and that ET can't support plugin developers. But if anyone has even some suggestions how I, a non-coder who relies on pre-made solutions, might approach solving this, I would be very grateful. I'm very good at following directions <smile>. Tell me what additional information I should be looking for or providing, and I can do that.

    I know I'm not alone in this problem, just from a search on the ET forums. But I honestly don't think anyone with the problem has ever gotten a solution -- or if they have they haven't posted it.

    Posted 11 years ago on Friday June 8, 2012 | Permalink
  2. David Peralty

    Can you link an example form on that theme so we can take a look at what's happening? Maybe we can see a way to help.

    Posted 11 years ago on Monday June 11, 2012 | Permalink
  3. @gwc_wd: I recently built a site for a client using the ET theme 'Gleam' and, after stumbling upon your question, decided to install Gravity Forms on the development site that was still on my server. The forms display fine for me on both posts and pages, with AJAX on or off.

    Of course, before I tested it I updated WordPress to v3.4 and GF to v1.6.4.5.4.

    So, if your client is running the latest versions of WP, GF, and Gleam (I've got v1.2 of the theme), then the problem is most likely being caused by another plugin or script.

    Posted 11 years ago on Wednesday June 13, 2012 | Permalink
  4. gwc_wd
    Member

    Sorry for leaving another dead trail. My solution was to create a completely separate subdomain install of WP with a a different theme solely to host the Gravity Forms.

    @sscovil, I'm encouraged at your results. I've tried to make GF and Gleam work together on three different installs, two different servers with no success. If you look in the ET support forums their own Tech support says it's because of the themes need to use #! urls and that it would require "extensive customization" to achieve. With those responses, I didn't have reason (or time) to try troubleshooting anything with other plugins, but I take your experience as incentive for some future investigation.

    For this project, my dual-site install is working so I'm not going to fix it :)

    Posted 11 years ago on Sunday July 1, 2012 | Permalink
  5. stiddy
    Member

    I am using Gleam as well. I am still having minor issues but I was able to get the page to render ok by creating the menu in the menu section of wordpress and doing this for the button/buttons that go the GV page. In my case I did it to all the buttons:

    Go to menu and pull down "screen options" select CSS Classes then go to menu button and put "external" in CSS Class (without the quotes).

    Posted 11 years ago on Thursday August 30, 2012 | Permalink