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.

Padding too much Everywhere

  1. I can't seem to figure out how to get rid of the massive amount of space above and below the form and in between the form fields. It must be something simple but I just can't find anything that works.

    Here's the form page: http://webdesignerstl.com/contact/

    Thanks.

    Posted 6 years ago on Wednesday June 5, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi,

    It appears you placed the Gravity Form inside <pre> </pre> tags. the large spacing is normal because any white space contained between those tags is rendered, personally I would not recommend using pre tags in this situation I would swap to divs, however if you don't want to do that then you can edit the following style which is in your custom.css file

    pre {
    background: none repeat scroll 0 0 #f47522;
    width: 500px;
    }

    so it becomes

    pre {
    background: none repeat scroll 0 0 #f47522;
    width: 500px;
    white-space: normal;
    }

    and that will tell the browser to treat the whitespace how it would with any other element.

    Regards,
    Richard

    Posted 6 years ago on Wednesday June 5, 2013 | Permalink
  3. Perfect! Thanks so much Richard. I'm going to leave this one with the 'pre' for now but I'm really going to watch this on other sites and pages.

    Appreciate your help :)

    Posted 6 years ago on Wednesday June 5, 2013 | Permalink

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