Is it possible to Bold or underline text in the labels for entry fields?

  • Profile Image
    turihaim
    Asked on July 21, 2016 at 05:02 PM
  • Profile Image
    Jim_R
    Answered on July 21, 2016 at 05:43 PM

    Yes it is possible to achieve that by injecting Custom CSS to your form [GUIDE: How-to-Inject-Custom-CSS-Codes]

    1. If your aim is to apply changes to ALL labels, then inject the following CSS codes:

    .form-label {

       font-weight: bold;

       text-decoration: underline;

    }

    2. If your aim is to apply your changes on selected label(s), you'd have to get the ID of the label in question:

    #label_3 {

       font-weight: normal;

    }

    #label_4 {

       font-weight: bold;

    }

    #label_5 {

       font-weight: bold;

       text-decoration: underline;

    }

    To get the ID of the label you want to change, you can either use the browser console and inspect it. Or, you can get it from the Form Builder. Just click the GEAR icon > EDIT PROPERTIES > ADVANCED > FIELD DETAILS > then FIELD IDs

    Here's a demo form showing the labels with different styling https://form.jotform.com/62027091198961 This form uses the CSS codes given on #2 above.

    Hope this helps! Don't hesitate to get back to us if you have further questions.

  • Profile Image
    Jim_R
    Answered on July 21, 2016 at 05:49 PM

    Sorry my mistake, the short clip I have given earlier was NOT for the labels but for the form fields. To get the IDs of the labels, please use the Form Designer and double click on the label (NOTE: It has to be double clicked). Here's another screencast: