Large space under form when using Ether Builder

Gravity Support Forums » Plugin Support » Gravity Forms

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 11 years ago on Friday June 22, 2012 | Permalink
Chris Hajer
Key Master

Do you have a link to this form on a live site? You might need some CSS to remove the extra space.

Posted 11 years ago on Friday June 22, 2012 | Permalink
campbellsteven
Member

http://www.refreshedresumes.com

Login: gravityhelp
Password: login

Shopping Cart Page

Posted 11 years ago on Friday June 22, 2012 | Permalink
Rob Harrell
Member

Tried accessing that URL, but the login info didn't work.

Posted 11 years ago on Sunday June 24, 2012 | Permalink
btrilli
Member
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 11 years ago on Tuesday July 24, 2012 | Permalink
Rob Harrell
Member
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 11 years ago on Tuesday July 24, 2012 | Permalink
btrilli
Member

the [raw] [/raw] shortcode fixed the issue. Let me add that bit of css into my themes stylesheet. Thanks for the quick response.

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

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