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.

Can't move the "submit" button

Gravity Support Forums » Plugin Support » Gravity Forms

  1. michelecannone
    Member

    http://test.aifipuglia.it/wp-content/plugins/gravityforms/preview.php?id=2

    This my css...

    body #gform_wrapper_2 .gform_footer input[type=submit] {border: 1px solid red}

	.main-nav li a {
	  font-size:0.75em;
	}
    Posted 13 years ago on Thursday October 13, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Well, a couple of things to start out. First, I can't see your form in the preview window since I'm not logged in as an administrator. You'll need to post a public URL for us to view the form please.

    Secondly, your CSS snippet has no positioning rules in it. You say you're trying to "move" the button, but all you're defining for the button is the border property ( copied from the documentation obviously so kudos for starting there )

    Your CSS should be more like this.. either moving the button using a float, margin or absolute position property.. it all depends on what you're trying to do. For this example, we'll say aligning the button to the right with a float.

    [css]
body #gform_wrapper_2 .gform_footer input[type=submit] {
     float: right;
}
    Posted 13 years ago on Thursday October 13, 2011 | Permalink

  3. michelecannone
    Member

    Thanks :)

    Here you can see my test http://test.aifipuglia.it/
    The button float right but is way down and not inline

    Posted 13 years ago on Thursday October 13, 2011 | Permalink

  4. michelecannone
    Member

    If I try this with firebug IT WORKS... but then implementing...it doesn't

    body .gform_wrapper_2 .gform_footer {
    clear:both;
    left:-180px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    position:relative;
    top:-48px;
    }

    Posted 13 years ago on Friday October 14, 2011 | Permalink

  5. michelecannone
    Member

    Soved.... with "#" instead of "."

    body #gform_wrapper_2 .gform_footer {
    clear:both;
    left:-180px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    position:relative;
    top:-48px;
    }

    Posted 13 years ago on Friday October 14, 2011 | Permalink

  6. michelecannone
    Member

    But now I cannot see the "Welcome message"...I tryed with a "page" but it is not working anyway!

    Try to apply for the newsletter in here http://test.aifipuglia.it/

    Also if I get error or warning messages I can't see in my "custom div section"

    Posted 13 years ago on Friday October 14, 2011 | Permalink

  7. David Smith
    Member

    Hi Michele,

    Not sure I follow your current issue?

    Posted 13 years ago on Friday October 14, 2011 | Permalink

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