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.

widget styling

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Corrie
    Member

    Hi there, I am a bit CSS challenged here. I have a form in a sidebar widget, the submit button is very far below the email field. How do I tell it to move up? Thanks so much! :)

    Posted 11 years ago on Thursday May 17, 2012 | Permalink

  2. Rob Harrell
    Member

    I can help you out with this. Can you post a link to your form?

    Posted 11 years ago on Thursday May 17, 2012 | Permalink

  3. Corrie
    Member

    Thanks Rob!

    Link to the site where it appears: http://san.wilder2sandbox.com/for-entrepreneurs/

    The sidebar widgets are naturally very dark, I used this custom CSS:

    body #gform_wrapper_3 .gform_heading {
    font-size: 18px;
    }

    body #gform_wrapper_3 .gform_body .gform_fields .gfield .ginput_container {
    border-style: dotted;
    border-width: 1px;
    border-color:#666666;
    }
    body #gform_wrapper_3 .gform_footer input[type=submit] {
    border-style: dotted;
    border-width: 1px;
    border-color:#666666;
    }

    but not sure how to make that submit button move up. Thanks again!

    Posted 11 years ago on Thursday May 17, 2012 | Permalink

  4. Rob Harrell
    Member

    No problem, try dropping this into your theme's stylesheet:

    [css]
.gform_widget .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
}
    Posted 11 years ago on Friday May 18, 2012 | Permalink

  5. Corrie
    Member

    Perfect, thank you very much Rob!!

    Posted 11 years ago on Friday May 18, 2012 | Permalink

  6. Rob Harrell
    Member

    No problem, glad to help out!

    Posted 11 years ago on Saturday May 19, 2012 | Permalink

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