How to remove empty DIV tags *ONLY* in 'Page' content area?

Question

Screenshot of website illustrating the issue: http://www.hlrse.net/Qwerty/xhtml/tiptopcare.net/preview_formsWithEmptyDIVSpacing_20121124-1104.png

I am using Contact Form 7 (http://contactform7.com/) for the form on this webpage. The problem I experience is not so much with the plugin itself, but rather Wordpress. It is inserting empty DIV tags between each row on that form, creating hideously tall empty spacing and resulting in a very tall vertically-dragged out form. How can I have Wordpress not add the empty DIV tags for only the Page content area (because I am using a Page as the frontpage to Wordpress)? I have tried solutions that apply to the entire Wordpress site, but when I find a solution that successfully omits empty DIV tags, it breaks the image slider of the theme (using PageLines).

Answer 1

Use child theme.

Then design a simple page for your frontpage. if you change something in the original theme. when upgrading lose changes.

Answer 2

Have you tried using some CSS? Check the id used for the form then add...

.wpcf7-form div:empty {
    display: none;
}

This just checks for the empty div tags and hides them from view.