What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by amulchinock 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="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId:'12745723880',
    base:'http://www.jotform.com/',
    windowTitle:'Book a Collection' {fontFamily:'Arial'},
    fontFamily:'Arial',
    windowTitleFont:'Arial',

    background:'#FFA500',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:700
    });
    </script>

    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 :)

    Regards 

    Page URL:
    http://amulchinock.webuda.com/mkr/

    Screenshot
  • Profile Image

    Answered by AtacanC 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.

    http://www.jotform.com/help/85-How-to-Change-Feedback-Lightbox-Title-Font

    http://www.jotform.com/answers/44491-Where-can-I-change-the-code-to-edit-the-font-size-of-the-Lightbox-Title

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

  • Profile Image

    Answered by amulchinock on October 19, 2011 at 09:34 AM

    Brilliant. Thank you! :) 

  • Profile Image

    Answered by AtacanC 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.