Jump to content

How can I change the Submit form button color?

Go to solution Solved by Lesum,

Recommended Posts


I have a problem when trying to change the color of the Submit button in my contact form. 


I tried use the following css, but it doesn't work:


/* Change the submit button colors */
.form-wrapper input[type=submit]{
background-color: #A1D9DD!important
.form-wrapper input[type=submit]:hover{
background-color: #EDD17D!important



How can I fix this?


Password: purplebutterfly


Thank you!

Link to comment
  • Solution

@kkf_magi Hi! Try adding this code snippet under Website > Pages > Website Tools > Custom CSS.

button[type="submit"] {
	background-color: #A1D9DD !important;
button[type="submit"]:hover {
	background-color: #EDD17D !important;


If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.