How to change color of visited links

  • Resolved ukumaali

    (@ukumaali)


    9 years, 10 months ago

    Hello

    I would like to change the color of the visited links.

    I need them in the same color as the not-yet-visited links. The hoover-color should be in another color, the same for both (visited and not-yet-visited).

    Which code do I need to paste into my child theme?

    Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    Open the style.css of Tiny Forge, finde the section “3.1 Body, links, basics”. Copy this part to your child theme or custom CSS Plugin and make your changes:

    a,
a:link {
	outline: none;
	color: #0066cc;
}
a:visited {
	color: #800080;
}
a:hover,
a:active {
	color: #FC9F00;
}

    a:visited is there one you are looking for, in this case you would make it: #0066cc. But remember it will be bad for the usability of your site, because people who will return to your site will not be able to see what they have already visited.

    Thread Starter ukumaali

    (@ukumaali)

    Thanks Tomas!
    I tried the same before, but unfortunately it’s not working. If I change a:links (e.g. text-decoration: none) it is working, but if I change the color for a:visited nothing changes.

    Theme Author Tomas Mackevicius

    (@tomasm)

    You can always try to enforce it with !important;

    color: #0066cc !important;

    Thread Starter ukumaali

    (@ukumaali)

    Super, it’s working!
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change color of visited links’ is closed to new replies.