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.

CSS classes with aligned on left?

  1. Hi

    I just purchased gravity forms, and i'm trying to replace a mailchimp optin form that i have on my site.

    Currently this is what the mailchimp form looks like
    https://www.dropbox.com/sh/oy7koioe1te6re2/SOD_O8-uN6/mailchimp%20form.png

    and this is what the gravity form looks like
    https://www.dropbox.com/sh/oy7koioe1te6re2/-_E4oM-Yci/gravity%20form.png

    I figured out how to add 2 columns http://eatoutsunshinecoast.com/about-us/
    but it only seems to work with the label on top.

    I would like to have the label on the left, and i would like to move the sign up form up.
    Is that possible?

    Thanks

    Posted 8 years ago on Monday July 1, 2013 | Permalink
  2. Try this out. Change the classes to both be gf_inline instead and change both input fields to use the "large" size instead of "medium". Then try using this CSS, just place in your theme's stylesheet or wherever you are instructed to place CSS at the theme level:

    [css]
    #field_1_1 .gfield_label, #field_1_4 .gfield_label {
    float: left;
    }
    #field_1_1 .ginput_container, #field_1_4 .ginput_container {
    float: left;
    margin-top: 10px;
    width: 50%;
    }
    #gform_wrapper_1 .gform_footer.top_label {
    padding: 0;
    margin: 0;
    position: relative;
    right: 0;
    top: -40px;
    }
    Posted 8 years ago on Monday July 1, 2013 | Permalink

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