Changing Link Text Color

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

  • Mike_G JotForm Support
    Replied on July 19, 2018 at 1: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 Screenshot 10

    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 Screenshot 21

    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.

  • pn2
    Replied on July 19, 2018 at 1:57 PM

    Great!

    Thank you very much!