How do I change/specify the button color in a form?

  • Profile Image
    lzharvey
    Asked on June 23, 2014 at 11:43 AM
  • Profile Image
    david
    Answered on June 23, 2014 at 02:04 PM

    Hi,

    I see you already have a few lines of custom CSS injected into your code but I will add a link to our guide just in case:  

    http://www.jotform.me/help/118-Submit-Button-CSS-CSS3

    To change the submit button attributes, here is the code:

    .form-submit-button{

    background:#0066A2;

    color:white;

    border-style:outset;

    border-color:#0066A2;

    height:50px;

    width:100px;

    font: bold 15px arial,sans-serif;

    }

    To change the back button:

    .form-pagebreak-back{

    background:#0066A2;

    color:white;

    border-style:outset;

    border-color:#0066A2;

    height:50px;

    width:100px;

    font: bold 15px arial,sans-serif;

    }

    To change the next button:

    .form-pagebreak-back{

    background:#0066A2;

    color:white;

    border-style:outset;

    border-color:#0066A2;

    height:50px;

    width:100px;

    font: bold 15px arial,sans-serif;

     

    }

    Please let us know if there is anything else we can assist you with and we will be happy to help.

    Thank you for using Jotform!