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 customise this template?

    Asked by simonegear on August 07, 2014 at 02:22 AM

    Hi, I would like to use this template: 

    http://s3.postimg.org/61kno1bkj/wedd.png

     

    I can't figure out what CSS to change, because I want a white background (instead of red). I also want to use a different font (I want to use one of the google fonts).

    There are about 11 pages worth of CSS code...so can you please help me to change this?

    template font css code
  • Profile Image
    JotForm Support

    Answered by Welvin on August 07, 2014 at 07:55 AM

    Hi,

    You can easily find the target section into your browser by using the Inspect Element feature of both Google Chrome and Firefox:

    https://developer.chrome.com/devtools/index

    https://developer.chrome.com/devtools/docs/elements

    https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

    Or, you can use Firebug: http://getfirebug.com/html.

     

    The Wedding Survey Form is using an image for the red background, here's the link: https://shots.jotform.com/elton/images/wedding_orange_bg.png. You should create one with white color in order to change it.

    The page break and form line background color codes are:

    #cid_16 .form-pagebreak {

    background: #F2543A url('https://shots.jotform.com/elton/images/wedding_orange_bg.png') repeat;

    }

    .form-line {

    background: #F2543A url('https://shots.jotform.com/elton/images/wedding_orange_bg.png') repeat;

    }

     

    Now, for the Google Font, please refer to this guide: https://www.jotform.com/help/100-Beautify-your-Form-with-Google-Web-Fonts. The Wedding Survey Form is using: BlackChanceryRegular custom font. Search and change it accordingly.

    Let us know if you need further assistance.

    Thank you!