Copy Heading style from template

  • alzniagara
    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!

  • NeilVicente
    Replied on June 11, 2014 at 2: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

  • alzniagara
    Replied on June 11, 2014 at 3:32 PM

    Thank you so much!!