4 comments:

  1. David W30 March 2020 at 12:35

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

    ReplyDelete
  2. Perry Toone30 March 2020 at 13:02

    This is just for the submit button.

    ReplyDelete
  3. Anonymous11 June 2020 at 13:36

    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. Unknown13 July 2020 at 17:06

    Does not work (even using !important) when using the Gravity Forms DIVI Styling add On.

    ReplyDelete

Subscribe to: Post Comments (Atom)