How to change the font type for the header?

  • kranai
    Asked on February 16, 2016 at 4:31 AM
    Also is there anyway I can change the font type for the header?
  • BJoanna
    Replied on February 16, 2016 at 4: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.  

    How to change the font type for the header? Image 1 Screenshot 20

    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. 

  • kranai
    Replied on February 16, 2016 at 4: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

     

  • BJoanna
    Replied on February 16, 2016 at 6: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.

    How to change the font type for the header? Image 1 Screenshot 20

    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. 

  • kranai
    Replied on February 16, 2016 at 6: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

  • Mike
    Replied on February 16, 2016 at 9:27 AM

    Your inquiry has been moved into a separate thread:

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

    We will get back to you quickly.