-
kranaiAsked on February 16, 2016 at 4:31 AM
-
BJoannaReplied 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.
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.
-
kranaiReplied 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
-
BJoannaReplied 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.
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.
-
kranaiReplied 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
-
MikeReplied 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.