When I change the submit button style, it does not update.

  • farmcreditIL
    Asked on August 8, 2022 at 2:01 PM

    Hi,

    I'm trying to change the submit button style (to green with white font) and it does not want to work. Please help, thank you!

    Jotform Thread 4244904 Screenshot
  • Ravi JotForm Support
    Replied on August 8, 2022 at 3:32 PM

    Hello farmcreditIL,

    Thanks for reaching out to Jotform Support. Please add the below CSS code in your form to change the color of the Submit button.

    .form-submit-button {
        background-color : #00FF00!important;
        color: #FFFFFF!important;
    }

    Let me show you how to add the CSS code in your form:

    • In Form Builder, Click on the Paint Brush icon on the top right corner of the screen.
    • Go to the Style menu.
    • Scroll down to the end and add above CSS code in the Inject Custom CSS section.
    • After adding the code, Click on Save.

    1659987137 62f164c17cfaa  Screenshot 10 We also have a guide How to Inject Custom CSS Codes that you can checkout.

    Give it a try and let us know how it goes.

  • farmcreditIL
    Replied on August 8, 2022 at 3:39 PM

    It worked but I'm curious as to why selecting the button style didn't work?

  • Ravi JotForm Support
    Replied on August 8, 2022 at 5:01 PM

    Hello farmcreditIL,

    Thanks for getting back to us. Great to hear that it worked on your end as well. When I cloned and tested your form, the same thing happened for me. Changing the button style form the Form Designer didn’t work because of Theme selected in your form. If the default theme was selected, changing the button style from Form Designer would have worked.

    Let us know if there’s anything else we can help you with.