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.

Need help getting all 5 components on same line

Gravity Support Forums » Plugin Support » Gravity Forms

  1. endtimeministries
    Member

    https://dev.endtime.com/

    We would like to change the "Receive Our Newsletter" form to have all the components (3 forms, 2 check box inputs and the search) be on the same line. Is this possible?

    Thanks!

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

  2. Rob Harrell
    Member

    No problem, for the form fields, check out our ready classes for easy use:

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    The submit button will take some custom CSS, but let me know once you've gotten to that point and I can help you out with that.

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

  3. endtimeministries
    Member

    https://dev.endtime.com/

    Got it! Thanks! Only thing left is the button :)

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

  4. Rob Harrell
    Member

    So, this should get you close, and you'll want to place this CSS into your theme's stylesheet. If nothing else you'll have the appropriate selector:

    [css]
#gform_wrapper_2 .gform_footer {
float: right;
margin: -50px 0 0 0;
}

    We're saying to only target the footer in the form with the ID of 2, because not all of your forms will need to have the submit button this way. So you can isolate your styles.

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

  5. endtimeministries
    Member

    The float function works but the margin isn't working. Any ideas?

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

  6. Rob Harrell
    Member

    Looks like you didn't copy the selector correctly: Screenshot

    Did you see my explanation about the #gofmr_wrapper_2 piece of the selector?

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

  7. endtimeministries
    Member

    Oops! My bad.

    https://dev.endtime.com/

    Everything is good now :) Just added a little padding and everything looks good!

    Thanks a bunch!

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

  8. Rob Harrell
    Member

    Awesome. Look at that beauty. Glad to help!

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

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