How to center align the Gravity Forms submit button

If you are looking to center align the Gravity Forms submit button then add this CSS code to your stylesheet.

div.gform_footer.top_label {
 text-align: center;
}

3 comments:

  1. Does this centrally align every form and also the form fields and other text?

    ReplyDelete
  2. This is just for the submit button.

    ReplyDelete
  3. Been trying all morning and this is the first one that actually worked. My full code for customizing a single-field form and button.

    /* Submit Button Gravity Forms
    -----------------------------*/
    body .gform_wrapper .gform_footer input[type=submit] {
    color: #FFFFFF;
    background: #f77f2e;
    font-size: 16px;
    font-family: Nunito Sans;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    border-radius: 40px;
    max-width: 200px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -7px;
    margin-top: -25px;
    transition: 0.3s;
    }

    body .gform_wrapper .gform_footer input:hover[type=submit] {
    background: #494949;
    }

    #gform_10 ul{
    text-align: center;
    }

    div.gform_footer.top_label {
    text-align: center;
    }

    ReplyDelete