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

  • auburnmapto
    Asked on October 5, 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

  • Sabbir
    Replied on October 5, 2017 at 4: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:

    How can I use a different font for the header than the rest of the form Image 1 Screenshot 20

    Hope this will work for you.

    Let us know if you have any further issue.

  • auburnmapto
    Replied on October 5, 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


    How can I use a different font for the header than the rest of the form Image 1 Screenshot 20

  • Sabbir
    Replied on October 5, 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:

    How can I use a different font for the header than the rest of the form Image 1 Screenshot 20

    You can change the font family as per your need.

    Let me know if you have any further query.