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 to change the font type for the header?

    Asked by kranai on February 16, 2016 at 04:31 AM
    Also is there anyway I can change the font type for the header?
  • Profile Image
    JotForm Support

    Answered by BJoanna on February 16, 2016 at 04:45 AM

    You can change font type for the header inside of Form Designer. Open your Form Designer and click on your header. Header style tab will appear. There you can change style of your header.  

    You can also change font type for the header by Injecting Custom CSS. Inside of this guide you can find out how to Inject Custom CSS codes to your form:

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

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by kranai on February 16, 2016 at 04:56 AM

    Hi

    I am not familiar with css. I will try this. But how do I know the names of the fields to change?  Let say I want to change the header "Insight Academy Contact Form" to Impact Arial 15pts.

     

    How do I reference or use a name that represents the header text?

    rgds

    kish

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 16, 2016 at 06:09 AM

    If you change header styles inside of Form Designer, you do not need to Inject Custom CSS. 

    However if you want to Inject Custom CSS, than you can use this code:

    .form-header {

        font-family : arial!important;

        font-size:15pt!important;

    }

    On my cloned form I have added mentioned CSS code.

    Here is my cloned form: https://form.jotform.com/60461987239971 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by kranai on February 16, 2016 at 06:48 AM

    Hi

     

    Thanks I injected the code as you gave above and it works the way I want. 

    Can u let me know of all the field names in the form so that I can tweak by injecting code  as I go along...for instance your know the header the field name is .form-header...I would not have the clue.

     

    For instance I also want to change the font for the sub-header 'Please fill out..." so what is the field name now? I need a list of all possible names -  is there one?

    rgds

    kish

  • Profile Image
    JotForm Support

    Answered by Mike on February 16, 2016 at 09:27 AM

    Your inquiry has been moved into a separate thread:

    http://www.jotform.com/answers/773294

    We will get back to you quickly.