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

  • Profile Image
    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.

  • Profile Image
    Kevin_G
    Answered on January 19, 2017 at 01: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.

    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. 

  • Profile Image
    ipbr21054
    Answered on January 19, 2017 at 02: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.

  • Profile Image
    Kevin_G
    Answered on January 19, 2017 at 03: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: 

    The code for the other form should be:

    #label_25 span {

        color: #FF0000;

    text-decoration: underline;

    }

    Hope this helps. 

  • Profile Image
    ipbr21054
    Answered on January 19, 2017 at 04:00 PM

    Hi,

     

    Still doesnt work for me on form

    60705884010349

  • Profile Image
    Mike_G
    Answered on January 19, 2017 at 08: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

    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)

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

  • Profile Image
    ipbr21054
    Answered on January 19, 2017 at 08: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.......

  • Profile Image
    Mike_G
    Answered on January 19, 2017 at 09: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.