Page is a not externally linkable
alt131 - 11:39 pm on Jan 2, 2012 (gmt 0)
Hi jludwig, apologies for asking if these were links - it is in the title, and thanks for the code.
Ok, I can't speak for other forums, but generally here we find even challenging issues are less about confusion, more about getting enough information to work through the possibilities and track down the source of the issue.
So, back to my questions - are you sure this is as random but also as limited as you say? You see, if limited to you and your co-worker, and limited to machines on which you have been testing the site, that could be because you and your co-worker are not clearing the cache between visits. That would mean the links are being treated as :visited and that would be one explanation for it only happening on a couple of machines being operated by you and your co-worker.
Second, that's one of the reasons I asked if this was visited or unvisited links. If it is only visited links then we are looking for a :visited rule - and there isn't one in the code provided. That means there is one elsewhere in your css, or the browser is applying the default. Unfortunately I can't immediately recall the default :visited colour for webkit.
That is what makes #0A7DB9 a key clue. Because there is no visited link colour specified that will either be the default, or is specified somewhere else in the css. ...and I mean somewhere else. While Inspector is really good (IMO), it isn't (if I am right in my speculation this is a :visited issue) showing the rule for visited links. So if this is a :visited issue, you need to find out if that colour is specified for an a:visited somewhere else in the css. As the code is using multiple css files, look through them all.
Finally, quickly test whether this is an inheritance or specificity issue by coding a very specific :visited rule that is sure to over-ride any other more general settings lurking in the code - and also over-ride the browser default. The HTML looks quiet heavily nested, so something like:
[parent] [parent] #get-started-btn:visited {colour red!important;}
Should do it.
However also note all the above operates on the basis this is a :visited issue and that only some of links are showing the undesired colour. If all links are the undesired colour and there is no :visited rule, then you are seeing the browser default and simply setting your preferred :visited colour should fix the issue.