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

    I need to chage some font sizes on my form

    Asked by shawndarling on May 25, 2013 at 09:43 AM

    In particular, the lables under the input boxes. ie The words "First Name, Middle Name, Last Name, etc.

    Page URL:
    http://form.jotform.us/form/31407506227145

    font name first name sub-label font font size
  • Profile Image
    JotForm Support

    Answered by jonathan on May 25, 2013 at 11:44 AM

    Hi,

    You can inject CSS codes to the form like this.

     

    .form-sub-label {

    font-size: 12px;

    }

     

    Here is the guide on how to https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I tested it. It looks like this.(using 28px font size)

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

     

  • Profile Image

    Answered by shawndarling on May 25, 2013 at 12:10 PM

    Perfect!! Thanks. How about color??

  • Profile Image

    Answered by dinesh-it on May 25, 2013 at 10:45 PM

    Hi, you can use the same CSS tag to change the color also.

    Just add this line.

    color: #colorcode !important; /* For font color */

    eg:

    .form-sub-label {

    font-size-12px;

    /* For font color */

    color: #FFFFFF !important;

    /* For Background Color */

    background: #FF0000 !important;

    }

    Refer this page for HTML Color Picker

    You can even use General color names instead of color codes eg:

    .form-sub-label {

    font-size-12px;

    color: white !important;

    background: red !important;

    }

    Hope this helps you.

    Thank you.