Search code examples
htmlcssformsgravity-forms-plugin

Placing the submit button of Gravity Forms in center under form


I'm trying to position the submit button from Gravity Forms under my current form in the center.

Example:

enter image description here

I have a two-column layout on my Gravity Form. The button is currently floating under the right column.

Any ideas?


Solution

  • Try this: http://jsfiddle.net/7Laf8/

    You basically put your button in a div:

    <div class="wrapper">
        <button class="button">Button</button>
    </div>
    With the following styles:
    
    .wrapper {
        text-align: center;
    }
    
    .button {
        position: absolute;
        top: 50%;