Change the font color of a hyperlink

  • Profile Image
    lharriman
    Asked on December 06, 2016 at 05: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?

  • Profile Image
    liyam
    Answered on December 06, 2016 at 09: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.

  • Profile Image
    lharriman
    Answered on December 06, 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.

  • Profile Image
    liyam
    Answered on December 06, 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.

  • Profile Image
    lharriman
    Answered on December 07, 2016 at 11:55 AM

    Perfect, thanks!