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: Reposition 'submit' button right of 'email' field

  1. MacDingo
    Member

    Hello

    I have a simple one field form to capture emails (linked into MailChimp).
    See image here: http://acivia.com/capture175.png

    I managed to change the forms background color per CSS but the one remaining problem I have is that I need to put the submit button to the right of the input field, on the same line as it currently wastes too much spaces and messes up my layout.

    Could anyone give me some CSS code to achieve that?

    Any help very much appreciated!!

    PS: Can't post a link to dev site as it is not accessible online. Hope the picture will do.

    Posted 10 years ago on Tuesday March 13, 2012 | Permalink
  2. Helped this guy the other day:

    http://smart-protect.com/pc-protection/easy-updates-for-mac-os-x-programs/

    I'd recommend using Chrome Developer Tools or Firebug for Firefox to inspect the elements and look at how the CSS is done.

    Posted 10 years ago on Tuesday March 13, 2012 | Permalink
  3. MacDingo
    Member

    Hi Rob
    Thanks for the hint. I had a look but I'm not good enough with CSS to get it done properly.
    Is it a matter of floating the text box to the left and the button to the right?

    If there is any code you have handy it would help me out a great deal!

    Many thanks in advance

    Posted 10 years ago on Tuesday March 13, 2012 | Permalink
  4. There's an example here you can take a look at. You would need to modify the CSS to reflect your form ID, etc. but it should be a good place to start.

    http://www.gravityhelp.com/forums/topic/submit-button-inline-with-form-fields

    Honestly, the screencap isn't of any use for trying to give you any specific guidance. If you get stuck, then send a URL to a live form when you have it accessible and we'll be happy to look at it further with you.

    Posted 10 years ago on Tuesday March 13, 2012 | Permalink