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.

Form Layout in Widget

  1. I've checked every post on the forum on how to do this without much luck ... Please see the form in my sidebar at http://www.mondayisgood.com - is there a way to modify the CSS to get the submit button to be next to the email address field? Trying to get to one line if possible. Extra credit - can I reduce the spacing between the horizontal line and the "your email address" text? Space in the upper right is precious, and I am trying to tighten it all up a bit.

    Posted 6 years ago on Thursday May 16, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi Tom,

    Try adding the following CSS to your stylesheet or wherever you put custom CSS, I have just guessed the positioning so you can tweak the margin values to get it more to your liking.

    #gform_widget-8 .gform_footer.top_label {
    float: right;
    margin: -45px 10px 0 0;
    }

    And this will reduce the space between the widget header and the field

    #gform_widget-8 h4 {
    margin-bottom: 0;
    }
    #gform_wrapper_8 {
    margin-top: 0;
    }

    Regards,
    Richard

    Posted 6 years ago on Thursday May 16, 2013 | Permalink
  3. SWEET. Thank you.

    Posted 6 years ago on Friday May 17, 2013 | Permalink
  4. Richard Vav
    Administrator

    You're welcome

    Posted 6 years ago on Friday May 17, 2013 | Permalink

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