Change the font color of a hyperlink

  • lharriman
    Asked on December 6, 2016 at 5:54 PM

    I have a hyperlink on my form, and it automatically sets the font color to purple, which is unreadable. The rest of the form is white font on a dark background. Can I change the hyperlink text to something more legible?

  • liyam
    Replied on December 6, 2016 at 9:28 PM

    Hello,

    You can inject this CSS code that should prevent from changing its color after being visited:

    a:visited {
         color: #0000ff;
    }

    If you need to know how to inject CSS codes into your form, please follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    If you have questions or if you need assistance, please let us know.

    Thanks.

  • lharriman
    Replied on December 6, 2016 at 10:04 PM

    That worked as far as the color changing from blue to purple when visited, but both of these colors are hard to read against the dark background. I was wondering if I could change it to something lighter.

  • liyam
    Replied on December 6, 2016 at 11:33 PM

    Hello,

    How about this:

    a:link, a:visited {
       color: #fcbfbf !important;
    }

    Note: I added a:link so that even when upon first visit, it will stay with the same color unlike having the original navy blue color on links.

    You may also change the color hex (the code with # followed by letters and numbers) to change the color that you like. You can check this tool by Google for getting hex colors with its hex value equivalent: https://www.google.com.ph/search?q=hex+color&oq=hex+color

    In any case, feel free to let us know if you need assistance.

    Thanks.

  • lharriman
    Replied on December 7, 2016 at 11:55 AM

    Perfect, thanks!