Custom CSS: Change Button Color

Hello,

I want to change the color of the button in this form from green #b2d640 to blue #2e9dd4.

I went into the css and I tried to change it but I guess I did it wrong because it's still green. 

I also tried the advanced designer and could get the right button color but all of the alignments that were there disappeared and I didn't like the way the form looked.

Please advise!

Hi, thank you for reaching out to us.

You can insert this custom CSS:

.form-submit-button{

  background-color: #2e9dd4 !important;}

Here is a guide on how to inject custom CSS codes: How-to-Inject-Custom-CSS-Codes,

Let us know if you need further assistance.

Thanks.  I did that and it did change the color of the button.  However, it seems to still have a hint of a border in green.  Please advise.

Hi, could you please update the CSS code:

.form-submit-button{

  background-color: #2e9dd4 !important;

 border-color: #2e9dd4 !important;

}


Let us know if this works for you.

No.  The green border persists.  :(

Hi, could you please update the CSS code again:

.form-all .form-submit-button{

  background-color: #2e9dd4 !important;

  border-color: #2e9dd4 !important;

}

Let us know if this works for you.

That did it!  Thanks!  Is there a way to make the borders rounded?

Hi, you can update the CSS code to

.form-all .form-submit-button {

    background-color: #2e9dd4 !important;

    border-color: #2e9dd4 !important;

    border-radius: 30px !important;

}


Let us know if this works for you.

Perfect!  Thanks so much!