Submit button text color

  • Dave2022
    Asked on May 25, 2023 at 11:01 PM

    On my form, I'd like to change the text color on the submit button. I know this can be done using CSS, but not really sure of the syntax.

    Preference would be the same color as the page background (#7C56BD).

    Thank you!

  • Bruce Project Specialist
    Replied on May 26, 2023 at 2:08 AM

    Hi Dave,

    Thanks for reaching out to Jotform Support. Unfortunately, since the text of your submit button is image-based, it is not possible to change its color with CSS code. As a workaround, You can delete the existing button and add the submit button again and inject the CSS code below into your form. Let me show you how:

    • In Form Builder, click on the Add Form Element + menu on the left side of the page.
    • Under the Basic tab, click on Submit to add it to your form.

    Submit button text color Image 1 Screenshot 40

    Now, copy the code below:

    #input_16{
       background: #fbd30c;
      color: #7C56BD;
      font-weight: 900 !important;
    }

    Let's inject the code into your form:

    • In Form Builder, click on the Paint Roller icon on the right side of the page.
    • Under the Styles tab, paste the CSS code you copied into the Inject Custom CSS field.
    • Make sure to click on Save.

    Submit button text color Image 2 Screenshot 51

    You can check my result below:

    Submit button text color Image 3 Screenshot 62Let us know if you need any more help.

  • Dave2022
    Replied on May 27, 2023 at 3:00 PM
    I ended up just creating my own image with the colors I needed. Seemed a bit easier than trying to work around CSS.  Thank you for the assistance.
    Dave B
    ...