Changing Link Text Color

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

    1532017684t12_26_50.png

    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 */

    .form-section.page-section li:first-child a:link {

        color: lightblue !important;

    }

    /* visited link */

    .form-section.page-section li:first-child a:visited {

        color: green !important;

    }

    /* mouse over link */

    .form-section.page-section li:first-child a:hover {

        color: orange !important;

    }

    /* selected link */

    .form-section.page-section 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.

    1532019647t12_58.gif

    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
    pn2
    Answered on July 19, 2018 at 01:57 PM

    Great!

    Thank you very much!