How can I use a different font for the header than the rest of the form

  • Profile Image
    auburnmapto
    Asked on October 05, 2017 at 12:33 AM

    Hi,

     

    I want to use an alternate font for my header then the rest of my form.  When I modify the font (style or size) I seem to affect the entire form rather than just the header or question container that I want to apply it to.  

    I am not very CSS sophisticated so I am hoping there is an easy way to do this that I am just missing.

    Thanks,

    Kristina

    https://www.jotform.com/build/72758485483169

  • Profile Image
    Sabbir
    Answered on October 05, 2017 at 04:27 AM

    You can try adding this css code in your form designer's CSS tab.

    .httac
    {
       font-family: "Lucida Grande", Georgia, Serif; // change your font here
    }

    Here you have to put it:

    Hope this will work for you.

    Let us know if you have any further issue.

  • Profile Image
    auburnmapto
    Answered on October 05, 2017 at 12:14 PM

    Hi, I saw a change in the font when I copied/pasted the code in, but I was unable to change the font.  It seems to be giving me an error.  here is a screenshot of the error and it shows the code


  • Profile Image
    Sabbir
    Answered on October 05, 2017 at 12:22 PM

    I placed the CSS code in your Form Designer's CSS tab.

    http://www.jotform.us/form/72758485483169

    Here where I have placed it:

    You can change the font family as per your need.

    Let me know if you have any further query.