4 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
  4. Does not work (even using !important) when using the Gravity Forms DIVI Styling add On.

    ReplyDelete