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.

Trouble moving Submit Button

Gravity Support Forums » Plugin Support » Gravity Forms

  1. townes
    Member

    I have copied the examples in this post http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798 but can't get it working on my site. I can get it working by pasting in Crome (inspect element) but it is not taking when I add it to my stylesheet.

    You can view my test site here: http://www.livingincarletonplace.com/wordpress/

    code I added:
    http://pastie.org/4600627

    thanks!

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  2. Chris Hajer
    Key Master

    Are you talking about the form in the header on the right side? That appears to be form 9 (id='gform_wrapper_9') and you are targeting form 3 with your CSS?

    Or, is there another form I missed?

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  3. townes
    Member

    No, although that is one I need to do also, I am referring to the 'Subscribe to Newsletter Form', I am trying to line up the "Go" button with the input box. Figured I would start with a simple one.

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  4. Rob Harrell
    Member

    Try dropping this into your theme's stylesheet:

    [css]
#gform_wrapper_3 .gform_footer {
float: right;
margin: -41px 60px 0 0;
}

    It will target that one form's footer with the form ID of 3. Result

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  5. townes
    Member

    Don't understand, I can get it to work in the browser but I add the code to stylesheet and it does not work... When I look at the properties of the gform_wrapper_3 it has none of the properties I am assigning in the stylesheet.

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  6. Rob Harrell
    Member

    It looks like you might have an errant comment in your stylesheet. See this Screenshot

    See if fixing that to be /* instead of */ solves the issue.

    Also you have a margin: 110; which is invalid - you should have 110px;

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  7. townes
    Member

    That did it! Weird that it was messing up that element but nothing else... thanks!

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

  8. Rob Harrell
    Member

    No problem, glad to help!

    Posted 12 years ago on Tuesday August 28, 2012 | Permalink

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