Add custom html or css code to label field

  • Profile Image
    Youprotest
    Asked on December 30, 2011 at 05:09 AM

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

  • Profile Image
    idarktech
    Answered 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
    Youprotest
    Answered 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
    liyam
    Answered 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.