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.

Button Alignment MailChimp Sign Up

  1. I've added the code referenced from the forum but still unable to get the button line up correct beside the field. My site is http://www.neuic.com the submit form is at the bottom of the site and on the side bar of the blog. I would like the email field longer, if I select large in the form settings it doesn't leave any room for the button.

    Current code I've added to my style.css:

    [css]
    /* make the form container relative for positioning */
    
    body #gform_wrapper_2 {
        position: relative;
    }
    
    /* resize and position the form footer with the button */
    
    body #gform_wrapper_2 .gform_footer {
    width: auto;
    position: absolute;
    padding: 0;
    margin: -40px 180px 0 0;
    
    }
    Posted 6 years ago on Thursday March 28, 2013 | Permalink
  2. Update:

    I changed the form field to large. Changed code: (it places the sign up button on top of the field not sure if this will be a problem or not). Also I use the genesis framework.

    /* make the form container relative for positioning */
    
    body #gform_wrapper_2 {
        position: relative;
    }
    
    /* resize and position the form footer with the button */
    
    body #gform_wrapper_2 .gform_footer {
        width: auto;
        position: absolute;
        top: 112px;
        left: 278px;
        padding: 0;
        margin: 0;
    
    }
    Posted 6 years ago on Thursday March 28, 2013 | Permalink
  3. You also have to make a new form and code it for the side bar as the top/left px will be off for it.

    Posted 6 years ago on Thursday March 28, 2013 | Permalink
  4. At lose - my theme is responsive and the button moves doesn't stay in place and isn't aligned right. So I will just wait for help now..

    Posted 6 years ago on Thursday March 28, 2013 | Permalink
  5. I went with this code instead seems to work better this way for responsive websites.

    [css]
    body #gform_wrapper_2 .gform_footer input#gform_submit_button_2 {
       	width: 100%;
    }
    Posted 6 years ago on Friday March 29, 2013 | Permalink
  6. Sounds like you were able to work this out?

    Posted 6 years ago on Saturday March 30, 2013 | Permalink