change submit buttons

Home Forums Automattic Forefront change submit buttons

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #163586 Resolve


    hi there,
    I need to change the submit buttons so they match my custom buttons. How can I achieve the following:
    – change text color to white on hover
    – change background color on hover


    The blog I need help with is

    Kathryn P.
    Happiness Engineer

    Hi Twin, this CSS will change the submit button’s background and border to purple (just an example colour change it to whatever you like) and text to white on hover:

    button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
    button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
        background-color: #bb00bb;
        border: 1px solid #bb00bb;
        color: #ffffff;

    Let me know if that does what you’re after.



    yup, that’s it!



    Kathryn P.
    Happiness Engineer

    Great! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.