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.

Footer Widget Embed?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. klondike91
    Member

    I'm trying to add a simple email subscribe form to a footer via your form widget. Any suggestions? The embedded form is a mess. Do I need to style it using my own CSS? Do need to turn off your css? What the best method?
    http://sd-devsite.com/pie/

    Posted 11 years ago on Tuesday May 21, 2013 | Permalink

  2. Richard Vav
    Administrator

    Try adding the following CSS towards the bottom of your theme's style.css file or wherever you are instructed to place custom CSS.

    #footer .gform_widget .gform_wrapper .gform_fields .gfield {
background: none !important;
padding: 0 !important;
}
#footer .gform_widget .gform_wrapper .gform_fields .gfield_label {
float: none;
}
    Copy

    To make the email input wider you can edit the form in admin and on the advanced tab of your email field set the 'Field Size' to 'Large'.

    Your form should then look like this, http://i.imgur.com/7GVbFZl.png

    Regards,
    Richard

    Posted 11 years ago on Tuesday May 21, 2013 | Permalink

  3. klondike91
    Member

    Richard, thank you! This css works perfectly! Any recommendations on styling the submit button? Plain white with no hover indication is a bit too plain.

    Posted 11 years ago on Tuesday May 21, 2013 | Permalink

  4. Richard Vav
    Administrator

    You would target the submit button like so

    #footer .gform_widget .gform_wrapper .gform_footer input[type="submit"] {
/*normal state styles go here*/
}
#footer .gform_widget .gform_wrapper .gform_footer input[type="submit"]:hover {
/* hover state styles go here*/
}
    Copy

    You can find some readymade gradients or make your own on the following site http://www.colorzilla.com/gradient-editor/

    Posted 11 years ago on Tuesday May 21, 2013 | Permalink