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

  1. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  2. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  3. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  4. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  5. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  6. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  7. That did it! Weird that it was messing up that element but nothing else... thanks!

    Posted 7 years ago on Tuesday August 28, 2012 | Permalink
  8. No problem, glad to help!

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

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