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 can I change the title and font?

    Asked by swindells on November 21, 2016 at 06:23 AM

    Hello, I have a very customised form where I edit HTML code and then upload it directly to the server. I am trying to edit the title of the form but it's not working. I tried changing it on the html code itself and then again on the Jotform. Please do you know how I could change it?

    Many thanks

    Page URL:
    http://www.sophieswindells.co.uk/Sophie_Swindells/cardsform.html

    font and how how can i
  • Profile Image
    JotForm Support

    Answered by amy on November 21, 2016 at 07:01 AM

    Hello,

    Which title do you want to change? If you could specify, it would be better. If you want to change the title: "SOPHIE SWINDELLS GREETING CARD ORDER FORM - TRADE ONLY",

    You can follow these ways:

    #1- Login to your account and edit your form which you want to make changes.  

    #2- Find the title "SOPHIE SWINDELLS GREETING CARD ORDER FORM - TRADE ONLY" and click on "Properties" button.

    #3- You can change your title from "Heading Text" field.

    If you want to change this title's font, please inject this css code to your custom css field:

    .form-header-group .form-header {

    font-family: Georgia; //For example

    }

    If your issue is different from this solution, please would give give me detailed information?

    Thank you!

  • Profile Image

    Answered by swindells on November 21, 2016 at 08:18 AM

    Hi Amy, thank you for your response.

    I tried what you suggested and changed the font family in the CSS but it didn't work. I am trying to change the font for the form from 'Courier New' to 'Apple Gothic' and I am also trying to change the header title from 'Sophie Swindells Greetings Card Trade Order Form- Trade Only' to 'Just like Sophie Card Order Form (Trade)'  

    As you can see in this screenshot I have changed the header in my Jotform account but it has not worked (see URL in previous post) and is still the old title. I tried to change it in the HTML code (that is separate to the Jotform) but obviously havn't done that right either. Have you any other ideas on this?

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 21, 2016 at 08:42 AM

    Hi there,

    Do you want to edit the title shown below?

     

    Please follow the steps below to change it.

     

    Regarding the font of your form, please take note that the new font you applied is now taking effect except to the header text.

    I noticed you injected the code below.

    .form-all {

        font-family : 'Apple Gothic', monospace, serif;

        font-size : 0.8em;

    }

     

    Please change it to the code below to change the font of the header as well.

    .form-all,

    .form-header-group {

        font-family : 'Apple Gothic', monospace, serif;

        font-size : 0.8em;

    }

     

    Let us know if you need further assistance.

  • Profile Image

    Answered by swindells on November 21, 2016 at 10:29 AM

    Thank you for your help. In the end I found a solution. As I have a fully customised form I worked out I had to edit the HTML code directly instead of changing it here on the form. By trial and error i've figured it out. Thank you