Changing Link Text Color

  • Profile Image
    Asked on July 19, 2018 at 10:22 AM

    Is there a way to change the color of text that's been made into an href link within Jotform?

    Thank you.

  • Profile Image
    Answered on July 19, 2018 at 01:01 PM

    Yes, that would be possible with the help of CSS codes that can be injected into your form — How-to-Inject-Custom-CSS-Codes

    I have checked your account and noticed that most, if not all of your forms, have a link located under the Header.


    I can only assume that you are referring to the link I pointed in the image above in your form.

    Below are the CSS codes you need to change the color of the link.

    /* unvisited link */ li:first-child a:link {

        color: lightblue !important;


    /* visited link */ li:first-child a:visited {

        color: green !important;


    /* mouse over link */ li:first-child a:hover {

        color: orange !important;


    /* selected link */ li:first-child a:active {

        color: violet !important;


    You can change the value of the color property on each declaration to your preference.

    If you use the same codes above, here's what will happen.


    On form load, the color of the link is "lightblue".

    It changes to "orange" when hovered.

    When clicked (active), the color will be "violet"

    And when the link is already visited (accessed), it will turn into "green".

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

  • Profile Image
    Answered on July 19, 2018 at 01:57 PM


    Thank you very much!