Distinguishing visited and unvisited links on Canvas screens

Jump to solution
imerricks
Community Participant

Is there a way to change the theme so links turn a different colour/color once selected?

 

0 Likes
1 Solution
JamesSekcienski
Community Contributor

Have you tried uploading a custom CSS file? 

You could add the following to a custom CSS file and it would turn visited links purple.

 

a:visited {
  color: purple;
}

 

Warning: This may eventually become almost pointless over time as most navigational links would become the visited color unless you clear your history. 

You should also test fully how the color affects the user experience.  I noticed links that are buttons may create accessibility issues and you would like need to modify the code to avoid changing the color for them.

Here is an example of how to adjust the code to not apply to links that are styled as buttons:

a:visited:not(.btn):not(.Button):not(.ui-button):not([role='button']), .user-content a:visited:not(.btn):not(.Button):not(.ui-button):not([role='button']), .mceContentBody a:visited:not(.btn):not(.Button):not(.ui-button):not([role='button']) {
  color: purple;
}

 

View solution in original post

0 Likes