How to change the color of a word in a field label?

  • ipbr21054
    Asked on January 19, 2017 at 12:44 PM

    Hi,

    Below are two forms in question,

    http://form.jotformeu.com/form/60705884010349

    http://form.jotformeu.com/form/62115565434352

     

    You will see a field " FULL VIN Number Only If Honda"

    I would like to change the color of the word FULL

     

    Please could you be so good to advise.

     

    Thank You.

  • Kevin Support Team Lead
    Replied on January 19, 2017 at 1:58 PM

    First you will need to add the field label like this: 

    <span>FULL</span> VIN Number Only If Honda

    The Full word between <span> to be able to handle it with CSS code, once you have done this change inject the following code.

    How to change the color of a word in a field label? Image 1 Screenshot 20

    Form: http://form.jotformeu.com/form/60705884010349 

    Code: 

    #label_25 span {

        color: red;

    }

    Form: http://form.jotformeu.com/form/62115565434352 

    Code: 

    #label_22 span {

        color: red;

    }

    Do note that you can change the red color to the one you need, this guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Hope this helps. 

  • ipbr21054
    Replied on January 19, 2017 at 2:40 PM

    Well that didnt go to plan,

    can you check here please http://form.jotformeu.com/form/62115565434352 

    I added the span but the css lets it down.

    Could you check the css please.

    I would like the code red to be written like so #FF0000 also need to underline the word FULL

     

    Thanks

    I can then check what you did and apply to my other form.

     

    Thanks very much.

  • Kevin Support Team Lead
    Replied on January 19, 2017 at 3:51 PM

    I think it was not applied because of the "Code:" word in the CSS part, this needs to be either removed or commented. 

    To comment text in CSS you use /* comment here */. 

    I modified the code to this: 

    /*Code: */

    #label_22 span {

        color : #FF0000;

    text-decoration: underline;

    }

    The text is already underlined as well: 

    How to change the color of a word in a field label? Image 1 Screenshot 20

    The code for the other form should be:

    #label_25 span {

        color: #FF0000;

    text-decoration: underline;

    }

    Hope this helps. 

  • ipbr21054
    Replied on January 19, 2017 at 4:00 PM

    Hi,

     

    Still doesnt work for me on form

    60705884010349

  • Mike_G JotForm Support
    Replied on January 19, 2017 at 8:06 PM

    It seems that you forgot to put in the word "FULL" inside HTML tag on the form http://www.jotformeu.com/form/60705884010349

    How to change the color of a word in a field label? Image 1 Screenshot 40

    I see that the code provided by my colleague worked on the other form since you were able to place the HTML tag (please see the image below)

    How to change the color of a word in a field label? Image 2 Screenshot 51

    But not on the form, http://www.jotformeu.com/form/60705884010349

    How to change the color of a word in a field label? Image 3 Screenshot 62

  • ipbr21054
    Replied on January 19, 2017 at 8:20 PM

    You have to remember that some of us try to follow these help / advice replies but sometimes the reply needs the user to start thinking about something else first before reacting on the reply,get me.

     

    Can you advise a line number etc.

     

    Or advise the code i need to add and line number where i need to place it.

    This is my 3rd reply now and still cant get it sorted,HELP.......

  • Mike_G JotForm Support
    Replied on January 19, 2017 at 9:38 PM

    Apologies for any inconvenience. 

    I see that you were able to do it since when I checked the form, http://www.jotformeu.com/form/60705884010349, the "FULL" word is already color red and underlined.

    How to change the color of a word in a field label? Image 1 Screenshot 20