How do I change the font of the title in the modal window?

  • Profile Image
    Asked on October 18, 2011 at 09:20 PM

    I'm not sure if anyone else has had this issue, I can't seem to find anything here about it.

    I have embedded a form using the lightbox option. The problem I have is that, although the form's content displays in the correct font, the lightbox's title doesn't. Instead the lightbox displays in Times New Roman (instead of Arial, Verdana [anything else really]).

    What I've tried so far:

    I've looked for possible classes and ID's for this part of the form (well, not the form, but you get the picture), and can't find any- so it's not simply a case of injecting some CSS. (I may be wrong).

    In light of which- I tried going down the road of setting the font properties in the lightbox script it's self. Perhaps I got the syntax wrong (I'm not a Guru with JavaScript), howerver, I thought that the following might have been a good place to start:


    <script src="//" type="text/javascript">
    new JotformFeedback({
    windowTitle:'Book a Collection' {fontFamily:'Arial'},


    The areas in bold are the changes I made. Please note that they were not all done at the same time. Only one change at a time was experimented with. Different changes are in different colours.

    If someone could point me in the right direction. I'd be VERY pleased :)


  • Profile Image
    Answered on October 18, 2011 at 10:23 PM

    Hi amulchinock,

    Please take a look at those pages below. I think that you will find the solution to your problem.

    I hope that helps. If you require assistance or have any other concerns, please do let us know.

  • Profile Image
    Answered on October 19, 2011 at 09:34 AM

    Brilliant. Thank you! :) 

  • Profile Image
    Answered on October 19, 2011 at 11:33 AM

    You're always welcome. If you have any other questions, feel free to ask. Our team will be happy to help you. Enjoy using JotForm.