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.

Large space under form when using Ether Builder

  1. campbellsteven
    Member

    I am using the Ether Builder's accordion to clean up the detailed checkout process.

    There is a large blank space under the form when I put the short cord into the accordion tab.

    Image references: http://imgur.com/a/vbNga

    Posted 9 years ago on Friday June 22, 2012 | Permalink
  2. Do you have a link to this form on a live site? You might need some CSS to remove the extra space.

    Posted 9 years ago on Friday June 22, 2012 | Permalink
  3. campbellsteven
    Member

    http://www.refreshedresumes.com

    Login: gravityhelp
    Password: login

    Shopping Cart Page

    Posted 9 years ago on Friday June 22, 2012 | Permalink
  4. Tried accessing that URL, but the login info didn't work.

    Posted 9 years ago on Sunday June 24, 2012 | Permalink
  5. I am having a similar issue, on http://www.ecowatersoutherncalifornia.com/contact-us-los-angeles-orange-county/ you will noticed a big space between the contact form button and the address box div.. I have determined it seems like the div which contains the submit button puts <br/> after each <input> seciton. I have used gravity forms on many sites and this is the only one where I see this occuring. Any Ideas to why it is adding the <br/> to the code?

    <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='button gform_button' value='Contact EcoWater Now' tabindex='15' /><br />
                <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /><br />
                <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /><br />
    Posted 9 years ago on Tuesday July 24, 2012 | Permalink
  6. As a fix, you can drop this CSS snippet into your theme's stylesheet:

    [css]
    .gform_footer.top_label br, .gform_footer.top_label p {
    display: none;
    }

    Some themes include the [raw] shortcode which wreaks all kind of havoc with this and modifies the processing of all shortcodes on your site. As a troubleshooting step, you can wrap your Gravity Forms shortcode with the [raw] shortcode [/raw] and see if the problem goes away. I am guessing it will.

    However, it's best to remove the [raw] shortcode from the theme altogether as it can create additional problems.

    Posted 9 years ago on Tuesday July 24, 2012 | Permalink
  7. the [raw] [/raw] shortcode fixed the issue. Let me add that bit of css into my themes stylesheet. Thanks for the quick response.

    Posted 9 years ago on Tuesday July 24, 2012 | Permalink

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