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.

Gravity Forms widget not displaying properly in footer

  1. Hi, I'm having some trouble with how a contact form is displaying in the footer of the theme Modernize. There is unwanted space, a line, and an angle bracket. I have tried [raw] and [no format]. I think I might need some CSS to override the existing formatting? I know this theme has partial support for CF7 but not GF. Please help! Thanks.
    http://omni-demo-915.com/

    Posted 11 years ago on Friday December 7, 2012 | Permalink
  2. I should also mention that I'm currently testing GF to see how it works before purchasing a developer licence. We use a lot of themes from Themeforest, including others made by the makers of Modernize, so we're really hoping to find a solution here. Apart from this, we've loved using GF so far!

    Posted 11 years ago on Friday December 7, 2012 | Permalink
  3. Richard Vav
    Administrator

    It looks like you solved your problem.

    Posted 11 years ago on Monday December 10, 2012 | Permalink
  4. I added some custom CSS but there's still too much space between the fields. Any ideas?

    I used this so far:

    .gform_body li {
    border: 0px !important;
    padding: 0 !important;
    }
    div.footer-wrapper div.custom-sidebar .gform_body ul li {
    background: none !important;
    }
    Posted 11 years ago on Monday December 10, 2012 | Permalink
  5. Richard Vav
    Administrator

    try this

    .gform_wrapper input[type="text"], input[type="password"], input[type="email"], textarea, select {
    margin-bottom: 0 !important;
    }
    Posted 11 years ago on Monday December 10, 2012 | Permalink
  6. My code plus your code worked great. I also added an extra line to move the Submit button closer. The full code for footer forms is as follows and should work for all of those incredible themes made by Goodlayers. Thanks!

    }
    .gform_body li {
    border: 0px !important;
    padding: 0px !important;
    }
    div.footer-wrapper div.custom-sidebar .gform_body ul li {
    background: none !important;
    }
    .gform_wrapper input[type="text"], input[type="password"], input[type="email"], textarea, select {
    margin-bottom: 5px !important;
    }
    .gform_wrapper .gform_footer {
    padding: 5px 0 10px 0 !important;
    }
    Posted 11 years ago on Monday December 10, 2012 | Permalink
  7. Richard Vav
    Administrator

    Good to hear your problem is sorted, and thanks for sharing the full solution with the rest of the community.

    Posted 11 years ago on Monday December 10, 2012 | Permalink