Changing the Submit button color

  • jtesdall
    Asked on July 11, 2022 at 12:50 PM

    Trying to get this button to change colors form the default blue to this red and the while the editor shows the changes has been made in the controls, the form itself does not reflect this. No matter what color I change the button to in the settings, it remains this standard blue on the final form. The only aspect I can change is the rounding of the edges. Am I in the wrong section to be updating this color, or why is this not working as intended?

    Jotform Thread 4162399 Screenshot
  • Raymond JotForm Support
    Replied on July 11, 2022 at 2:31 PM

    Hello Joel,

    Thanks for reaching out to Jotform Support. I've tried changing the button's color through the form designed without success. But you can do it by injecting the CSS codes below into your form. Let me show you where to paste these codes:

    .form-submit-button.submit-button.jf-form-buttons.jsTest-submitField {
        color: white !important;
        background-color: red !important;
    }
    • In Form Builder, click on the Paint Roller icon on the right side of the page.
    • Under the Styles tab, paste the codes above on the Inject custom CSS box.
      1657564267 62cc6c6bc07cc  Screenshot 10

    1657564291 62cc6c83eee49  Screenshot 21

    Above is what it would look like, you can also change the colors on the code according to your preference. Give it a try and let us know how it goes.

  • jtesdall
    Replied on July 11, 2022 at 2:45 PM

    That worked perfectly! Thank you so much!