Okay
  Public Ticket #2781225
Submit button on Contact Form 7
Closed

Comments

  •  5
    Lorie started the conversation
    May 19, 2021 at 6:45pm

    Is there a way to easily change the color of the submit button on the Contact Form 7 form? It is defaulting to my theme accent color from the Salient panel, but I would just like that button to be black.

  •  1,878
    Judith replied
    May 19, 2021 at 6:49pm

    Hi Lorie,

    Please send in your website url.

    Thanks.

  •   Lorie replied privately
  •  1,878
    Judith replied
    May 19, 2021 at 6:57pm

    Hi Lorie,

    Please try this css:

    body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn) {
        background-color: red !important;
    }

    Thanks.

  •  5
    Lorie replied
    May 19, 2021 at 7:00pm

    That made the button fill color change, but the border and text remained the blue color

  •  1,878
    Judith replied
    May 19, 2021 at 7:04pm

    Hi Lorie,

    Please apply this css instead of the previous:

    body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn) {
        background-color: black !important;
        border: none !important;
    }

    Thanks.

  •  5
    Lorie replied
    May 19, 2021 at 7:07pm

    That worked. Thank you!

    With the new form styling options it would be nice to include a way to style that button without custom css (for future updates). 

    Thanks again for your awesome support!

  •  1,878
    Judith replied
    May 19, 2021 at 7:09pm

    Hi Lorie,

    In Salient > Form Styling there are other options, only the submit button color is not included.

    Thanks.

  •  24
    Velosaraptor replied
    May 24, 2021 at 8:01am

    Being able to customize the Submit button should be included. It's an essential ingredient to the entire form. More customizable form options would be ideal. :)

  •  279
    Noah replied
    May 24, 2021 at 9:44am

    Hi there,

    Thank you for your observation we will forward this to our development team for future considerations.

    Thanks.