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

    Copy Heading style from template

    Asked by ecunningham on June 11, 2014 at 11:18 AM

    Hello,

    I have a form that I would like to change the heading style on (right now I am using text field instead of heading field):

    http://www.jotform.ca/form/41245756248257

     

    I found a template where I really liked the headings on.  It is the template called "Mutual Health Quote Form".  I created a new form using this template and I thought I would be able to copy the custom css I assumed the form was using to style the headings, but the css box is empty.  If the template didn't use custom css then how did they get their headings styled?  Here is the form I created using this template:

    http://www.jotformpro.com/form/41613980244958

    Thanks!

    style template heading new form JotForm text field
  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 11, 2014 at 02:44 PM

    The heading style for your other form came from its theme. Now, unless you want your first form to look entirely like the other one, here's the CSS that you should inject to copy the look of the heading:

    .form-header {
    color: #DE8C18;
    font-family: 'Verdana';
    }

    .form-header-group {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    padding: 12px;
    }

    How to inject CSS:

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

  • Profile Image

    Answered by ecunningham on June 11, 2014 at 03:32 PM

    Thank you so much!!