Archived topic
Color of Visited Link does not change
9 replies · Started by Markus on July 20, 2016
Hi Tom!
I try to change the color of visited links in the customizer.
(Section Colors -> Body)
Nothing happend.
So, I inspected the element with Chrome's developer tools.
.inside-article a, .inside-article a:visited, .paging-navigation a, .paging-navigation a:visited, .comments-area a, .comments-area a:visited, .page-header a, .page-header a:visited {
color: #486f88;
}
a:visited {
color: #990400;
}
a, a:visited {
color: #29526d; #this one is crossed out
text-decoration: none;
}The last one is the setting in the customizer for color -> body -> links.
Stored in the inline css
<style id='generate-style-inline-css' type='text/css'>
(line starting with "body")
The second one is the setting in the customizer for color -> body -> visited links.
Stored in the inline css
(same line starting with "body")
The one at the top shows the actual color an the page.
Stored in the inline css
(same line starting with ".site-header")
But there is no color set to #486f88, neither in the color -> body nor in the color -> header section.
All I can do is to put a
.inside-article a:visited {
color: #990400;
}
in my child theme style.css
You know how to fix this?
I would like to use the customizer again for this.
Hmm, interesting.
Throughout the theme, I've set the :visited colors for things like content, site title etc.. as the same as the link color.
I wonder if I should remove those :visited selectors, and allow the body :visited color to apply to all elements in the theme?
Tom,
sorry, some hours later I got it.
:-(
Only in the Colors -> Body is a possibility to change the color of a visited links.
But I thought this is the same as for the content.
My misunderstanding.
No worries!
I still wonder if the body visited color should apply to all links theme-wide. Something for me to think about I guess :)
Hi Tom,
I do not think it looks good theme-wide; especially in the header oder sidebars.
Makes only sense for the content, as far as I see.
Cool, thanks for your input :)
Actually, while the setting in Colors: Body is there for "Link Color Visited", I'm finding that it controls the main link color and not the link after being clicked (which is unchanged).
How do we get this to work properly so it DOES control the link color after being clicked (which is a big navigation advantage?.
It actually only applies to the visited links. Chances are your browser is remembering that you've clicked on those links before.
Good point. Hadn't thought of that (Doh!). Thx, Tom.
No problem :)
