Copy Heading style from template

  • Profile Image
    ecunningham
    Asked 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!

  • Profile Image
    NeilVicente
    Answered 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
    ecunningham
    Answered on June 11, 2014 at 03:32 PM

    Thank you so much!!