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 modify my form to match my site.

    Asked by iamhenrykeller on July 21, 2015 at 06:27 PM

    hello, i am using the form as a plugin on my wordpress site. i was wondering if there was a css. code you could give me to specifically address the h2's and the p elements on my form. i would like to change them to the fonts i am using for those elements on the rest of the site. 

     

    thank you.

    Page URL:
    http://www.imhkdesign.com/web-design

    custom fonts match site
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 22, 2015 at 12:56 AM

    That's possible using the form designer.

    And here's how to use custom fonts on the form. https://www.jotform.com/help/100-How-to-Use-Custom-Fonts-with-Jotform

    I can see you are using quicksand fonts on paragraph and raleway on titles. You can use the following CSS.

    @import url(http://fonts.googleapis.com/css?family=Quicksand|Raleway);

    .form-all, .form-label{

    font-family: 'Quicksand', sans-serif !important;

    font-size: 14px;

    font-weight:normal !important;

    }

    .form-header{

    font-family: 'Raleway', sans-serif !important;

    font-weight:normal !important;

    }

    Paste this on the CSS tab, while on the form designer.

    Let us know if this doesn't work. Thanks!