How to change the color of the submit button?

  • katmeow
    Asked on February 15, 2018 at 1:24 PM

    Hi Support,


    I'm trying to change the button style and color for the submit button at the bottom of my form, but no matter what I select it does not change it. I'm using the properties button, then Button Style. But no matter what my selections are, the button never changes. I'm trying to get the color of the button to be white or align with our company's branded colors. No matter what I try, it's always the same ugly dark green color and looks completely out of place on the form.  

    Please help! 


    Best, 

    Kat Huang 

    Jotform Thread 1385925 Screenshot
  • Richie JotForm Support
    Replied on February 15, 2018 at 2:02 PM

    You can add these css codes in your form to edit your submit button.

    .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print{
      color: #2e3886 !important; /* the color of the word submit,you can edit it */
        background: #f3f7f3;/* the background color of the submit button */
    }

    Guide on -How-to-Clone-an-Existing-Form-from-a-URL
    Here is a sample screenshot.


    How to change the color of the submit button? Image 1 Screenshot 20

    Please let us know if you have further questions.