What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by lainiesantos on December 12, 2011 at 04:30 PM
  • Profile Image
    JotForm Support

    Answered by idarktech 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

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

    Answered by idarktech 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

    Answered by lainiesantos 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
    JotForm Support

    Answered by idarktech 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.