How can I change the Submit Buttons Coloring from Black to White with CSS?

  • larraineg
    Asked on December 5, 2014 at 11:57 AM

    I want to have white text on the buttons to match my website. I am not able to write code but I have no problem injecting code to make changes. Please specify the exact location to place any code snippets.

    I would like to make the change to the CSS for the form in JotForm not directly on my site since I do not have access to the CSS for each page of my website, just the main template. I have looked at the html code for the form to change the color but cannot see anything that specifically points to the button text color. I am using iframe. 

    Thanks

    Jotform Thread 469989 Screenshot
  • KadeJM
    Replied on December 5, 2014 at 2:11 PM

    So just to confirm you are looking to change the text from black to white for the green buttons on the bottom of this jotform?

    This is certainly possible by injecting the following css code using this guide into your jotform.

    CSS CODE

    .form-submit-button-simple_green {

    color: white !Important;

    }

     

    UPDATED DEMO OF YOUR FORM:

    http://form.jotformpro.com/form/43385064227960?  [clone it!]

     

    SCREENSHOT RESULT:

    How can I change the Submit Buttons Coloring from Black to White with CSS? Image 1 Screenshot 20

  • larraineg
    Replied on December 5, 2014 at 2:55 PM

    Kade,

    Thank you. This worked! Appreciate the prompt answer.

  • KadeJM
    Replied on December 5, 2014 at 3:58 PM

    Great, glad to help!