How can I change the font color of the headings on the email form?

  • Profile Image
    lainiesantos
    Asked on December 12, 2011 at 04:30 PM
  • Profile Image
    idarktech
    Answered on December 12, 2011 at 06:44 PM

    Hi,

    Did you mean changing Font Color on your Form Header? If so, you can inject this custom CSS Code on your form.

    .form-header-group, .form-collapse-table, .form-pagebreak {

    color: #FD8F29;

    }

    Just simply change bolded hex color code to any color you like.

     

    To learn how to inject custom css on your form, please visit this link.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Let us know if I have missed something or need further clarifications. Thank you for using JotForm!

  • Profile Image
    lainiesantos
    Answered on December 12, 2011 at 07:30 PM
    Thanks! How do I change the color of the submit button as well?
    Lainie
  • Profile Image
    idarktech
    Answered on December 12, 2011 at 07:53 PM

    Hi Lainie,

    Tell me what color you want and I'll provide you my CSS Buton code with hover. :)

    Please reply so I can assist you further. Thanks.

  • Profile Image
    lainiesantos
    Answered on December 12, 2011 at 08:11 PM
    I would like it to be the gray of the header background if possible.
    Thanks!
    Lainie
    Sent from my iPhone
  • Profile Image
    idarktech
    Answered on December 12, 2011 at 08:18 PM

    Here it is!

     

     

    .form-submit-button {

    -moz-box-shadow:inset 0px 1px 2px 0px #ffffff;

    -webkit-box-shadow:inset 0px 1px 2px 0px #ffffff;

    box-shadow:inset 0px 1px 2px 0px #ffffff;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

    background-color:#ededed;

    -moz-border-radius:9px;

    -webkit-border-radius:9px;

    border-radius:9px;

    border:1px solid #dcdcdc;

    display:inline-block;

    color:#777777;

    font-family:arial;

    font-size:13px;

    font-weight:bold;

    padding:7px 16px;

    text-decoration:none;

    text-shadow:1px 1px 0px #ffffff;

    }

    .form-submit-button:hover {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

    background-color:#dfdfdf;

    }

     


    Hope you like it, you can also customize it in any color you like. Just let me know if you have further questions. Thank you.