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

    Add custom html or css code to label field

    Asked by Youprotest on December 30, 2011 at 05:09 AM

    Can I add custom code in label field properties as shown in the picture?

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on December 30, 2011 at 05:40 AM

    Hello,

    Yes! as long as it doesn't break your form's functionality. But, there's an easier and safier way to do it. JotForm allows you to Inject your Custom CSS Codes on your form. Please click here to learn how.

    To change your label text styles, you can use sample code below:

    .form-label{

    font-size:15px;

    color:blue;

    }

     

    You may also find this article helpful: http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    There are also tons of guides about Custom CSS codes on this forum, just use the forum search tool to find it out. 

    Please let us know if you have further questions. Thank you for using JotForm and have a happy new year!

  • Profile Image

    Answered by Youprotest on December 30, 2011 at 06:09 AM

    Thanks for your reply @idarktech.

    But I need to apply custom code only to a single label; if I use this code:

    .form-label{

    font-size:15px;

    color:blue;

    }

    all form's label will be edited.

  • Profile Image
    JotForm Support

    Answered by liyam on December 30, 2011 at 06:19 AM

    You can find the specific ID inside the label that you wish to be edited and use that instead.

    Example:

    #label_8 {
    font-weight: bold;
    }

    If the ID does not exist, we can also find a way how to map the CSS for it.  But then again, you can still use what you just did as long as the functionality of your form does not get affected.