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

Gravity Support Forums » Plugin Support » Gravity Forms

  1. nicholastys
    Member

    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. nicholastys
    Member

    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. nicholastys
    Member

    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. nicholastys
    Member

    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