Contact Form Submit Button Color

  • Unknown's avatar
    dubstepkemp · Member ·

    Hi! I upgraded to custom design so I could change colors of links and buttons all over my page. One has me completely stuck though: the submit button of the contact form that I added to a page. It is currently orange and hovers pink/coral. Does anyone know the CSS I can add to change these two colors? Thank you!

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi @dubstepkemp

    You did not mention what colors you wanted to change to , so I chose a matching green for the base color, and a charcoal grey for the hover.

    First, here is the code you will need:

    input[type="submit"] {
  background-color: #A2BC2D;
}

input[type="submit"]:hover {
  background-color: #777777;
  box-shadow: 0 0 0 3px #777777;
}

    If you wish, you can replace the colors I used with ones found using the following free online tool to find the 6 character hex code for any color you wish: http://www.colorpicker.com/

    Hope that helps. Please let me know if you have any further questions.

  • Unknown's avatar
    dubstepkemp · Member ·

    That worked perfectly! Thanks.

  • The topic ‘Contact Form Submit Button Color’ is closed to new replies.