Change visited link color in Safari 5.1.3

Visited link colors in Safari, most notably visited Google links when I return to the search page, don't change colors as they used to do... Actually, I think it's been that way for a long time (years) now but I am just now coming back around to being interested in why and if there is a way to get back to the days where new links were BLUE and visited links were GREEN (or whatever color you wanted)...
Is this still possible with the new Safari and if so, how do you go about setting this visted link color preference???
thanks... bob...

This appears to be an issue affecting most versions of Safari from about version 5 onwards.
I recently experienced it with Safari version 5.0.6 and eventually found a fix adequate for my purposes.
1 - Sometimes simply selecting 'Private Browsing' (on Safari menu) and then deselecting it cures the problem.
2 - If that does not work I use the following Terminal command which has, so far, worked every time:
defaults write com.apple.Safari RegisteredSafariSyncClient -bool false
I must point out that I do not intend to use any sync services but it appears that if Safari gets confused it is necessary to use this command to reset its sync services.
3 - If you don't like using the Terminal command you could trash the following preference file although this more brutal approach is more likely to lose data:
~/Library/Preferences/com.apple.Safari.plist
Quit from Safari before attempting 2 or 3.
I have only tested the Terminal command on Safari 5.0.6 on a Leopard G4 without any user defined sync services but it will probably work on other versions and OSs. It is always safest to backup first.

Similar Messages

How do I stop Safari from Changing Visited Links Color's?

I recently switched from Firefox to Safari since I find Safari much faster. I do have one annoyance though. When I click a link (especially in forums) and revisit a page with that link, Safari is changing the link's color. Firefox did this too, it changed visited links from blue to purple.
I would like to set it somehow so Safari doesn't change the color of visited links at all. Is this possible? When I googled I saw many different posts about using custom made CSS style sheets. I just want to get an 'official' or more relevant answer since many opf those posts were years old. I'm using the latest Safari.
Thanks!

AFAIK, it's not possible with preferences, per se. See http://discussions.apple.com/thread.jspa?messageID=7183566 and http://www.yourhtmlsource.com/stylesheets/csslinks.html for possible hints. You might also investigate modifying one of Safari's css files, inside the Safari app—left as an exercise, with no guarantees that you won't cripple something.

Quickly change visited link color across website?

Hey ya'll,
Is there a automagical way to change visited hyperlink color on my whole iWeb site in one fell swoop in other words anything faster than tediously changing each link through the GUI?
Thanks!

Not across the entire site but for one page I've found that if I click on the Use for New Links on Page button for one link all of the hyperlinks for that page will be converted to its color scheme. But it has to be for all the colors, normal, rollover and visited. Don't know of any way to change just the visited color for many links at a time.
Click to view full size
This won't work for the navbar links.
OT

Change Visited Link Color onClick of EPCM function

Hi we have a link within an iview which when clicked opens another iview in the Portal Content Area. We are achieving that using EPCM.doNavigate function. The requirement is to change the link color when visited. We tried using both style sheet and also this.style.color, however, it doesn't take into affect. The same thing when used with a normal href or a js function changes its color.
response.write("<td style='padding: background='"strImagePath"/header-background.gif'><a href=\"" + strQuickLinkName + "\"" + " onclick=\"EPCM.doNavigate(\'" + strChildNodeName + "\'); return false;\" class='Archive'>Archive</a></td>");
Is it that EPCM function doesn't act like normal java scripts or do we need to use any other alternative approach?

On criagslist, however, it doesn't work.
That sounds odd. When I visit craigslist, the links are blue; they turn purple when I hover over them, and orange when I actually click on them. And since it works on other sites, I'll venture a guess that the site was created with Windows users in mind, so it doesn't adhere to web standards, which is why it works fine with IE and Firefox, since they're both prominent browsers on Windows.
Mulder

Formatting does not change Visited Links color.

When I format my links I select:
Blue for steady state
Red for rollover effect
Grey for visited.
When I publish the site via FTP the links stay blue even if you have visited them.
Any way to make these turn gray like the formatting option indicates?
For what it is worth I am running iWeb 08.

Hello LDD1,
About the CSS requirement, it is recommended to post in the MSDN forum.
https://social.msdn.microsoft.com/Forums/en-US/home
The professionals there will be glad to help you.
Thanks for your understanding.
Best regards,
Fangzhou CHEN
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Visiting link colors in Safari??

Hi ALL,
When ever I visit a link in Safari application I have to hove over with the cursor to mark the link as visit.
In Google is this no problem, only here in the discussions forum. This is very annoying. This started in Safari 3.0.4 Tiger. I never hat any problems using Safari in Panther.
Does anyone experience the same problem ??
Thanks in advance ...
Dimaxum

Not important any ore ...
Dimaxum

Visited link color is not changing when there is no page redirection

Visited link color is not changing when i just open a popup on clicking the hyperlink.. whereas visited link color gets changed when i redirect to a new page on clicking the hyperlink
I want to have my visited link color to change even if i show a popup on clicking the hyperlink
This works fine with IE..

Hi,
Have a look at the user status table TSOCM_STAT_PROP and see if there are any unwanted PROCESS_TYPE <> STSMA combinations.
For your process type there should only be one kind of status schema assigned.

Why does the visited link color change not work on some pages. this has only occurred in the past few weeks. 2 different computers Win 7 home pm Firefox 29

On some sites the visited link color does not change. I have checked all settings and they have not changed. I can make the problem change by unchecking the "allow pages to choose thier own colors" box , but the some pages do not display correctly. Things worked fine up to a few weeks ago. I feel it may be a glitch in firefox 29.
Windows 7 home premium SP 1
Firefox 29

Can you try to start Firefox in Safe Mode to see if Firefox works properly with no error? You can start Firefox in Safe Mode below:
*'''Windows/Mac''': Go to Help > Restart with add-ons disabled
*'''Linux''': Run ''firefox -safe-mode'' in the Terminal/Konsole
If Firefox opens up fine with no problems, it's probably one of your extensions that's causing the issue. You can re-enable your add-ons one by one until you find the one that causes the issue upon being re-enabled.
You can try these steps in case of issues with web pages:
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
*[[Image:new fx menu]] > Options/Preferences> Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*[[Image:new fx menu]] > Options/Preferences > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"

Visited link colors shows on navigational buttons and icon despite not visited

Hello! I (newbie) have problems in my very first website. Some of my navigational buttons at my footer section and the icon on the lower left shows the visited link color green despite I haven't visited any of the link. There are times these colors are all blue (unvisited links). My URL is http://www.jespir.com. Please help and thank you in advance.

I have the same CSS coding.
Nowhere that I can see.
Open global.css file. Change this:
a:link {
    color: #00F;
a:visited {
    color: #0C0;
a:hover {
    color: #FF0;
a:active {
    color: #CAE0EC;
to this:
a img {border:none}
a {text-decoration:none}
a:link {color: #00F;}
a:visited {color: #0C0;}
a:hover {color: #FF0;}
a:active, a:focus {color: #CAE0EC;}
Remove this from your embedded CSS code. You don't need it.
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
Save both documents and upload to server.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Changing individual link colors

I am making a website where I want a certain link to display in red while the other links stay white. I went into the page properties to set the link colors, but I cannot figure out how to individually change the colors for certain links. When I changed the link color properties, it does so for all the links. Is this possible to set individual link colors, and how would I go about doing it? Thank you.

Let's say you want to have red links in your #header and green links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}        /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,                   /**on mouse over**/
#header a:active,                  /**on click**/
#header a:focus                   /**on tab key/active in IE**/
{text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:green}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
{text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How can I change the link color css in one module but not the whole site?

I have a site built in muse but using modules from BC. I changed the link color in the css for the online store and blog but of course it is applying it to everypage. Is there a way to change the link color in an individual BC module instead of the whole site.? I'm new to CSS obviously.
Thanks
Josh

I don't think you can do it right in Muse but you can easily if you have access to the code of the page and the css file.
You need to create a css class something like:
.secondLink a { /* secondLink can be any class name, I just chose that randomly
color: #990000; /* of course substitute your color code in there
Then in your code add:
class="secondLink"
to your link's <a> tag. This will give any links with the class of secondLink the color assigned. Hope that helps get you started.

Changing Active and Visited link colors.

I am trying to find a way to meet a business users request to
set the color for visited links in the published TOC so that the
users will know which topics they have visited. Is there a way to
do this?
I found where you can edit the skins but it only lets you set
the color for active and hover states, not visited.

Hi libby66675 and welcome to our community
Is this for WebHelp or a compiled .CHM?
Cheers... Rick

Visited Links color in DRW menu

Hey there,
I placed horizontal menu using spry menus from DRW CS3. I had
to change the colors to correspond the website.
I made the background green and the text(links) in the menu
and submenu items - white.
In all browsers and computers i had in home it works fine -
until someone told me that he see the links in BLUE color.
I'm using IE7, Firefox, Opera and Safari for Win. He use IE6.
I find other PC with IE6 - the same problem - ViSITED LINKS
are blue.
Can someone help with a solution???
The browser settings on both IE6 PCs were set to default (no
manual settings for HOVER and VISITED links).

The best way to get an answer is to post a link to the website.
Can you provide one?
As a guess:
Links have five "states"
link (blue by default in most browsers)
visited (purple by default in most browsers)
hover
active
focus
If no rules are defined for one or more of the states then the browsers default color applies.
I'm guessing you've defined a CSS rule for a:link but nothing for a:visited.

Visited link color...

Howdy - Can the color of visited links (when using search engines) be changed from the default purple? I found that option in Camino, but don't see it in Safari. Thanks!

You need to use a CSS style sheet.
Select it in Safari preferences, advanced.
Here is a sample. Save the following 5 lines as plain text, with the extension css. For example, Safari_colors.css
focus { outline: 1px dotted invert }
a:link { color: #990000; text-decoration: none; }
a:link:active { color: #CC0099; outline: gray 1px dotted; }
a:visited { color: #0000FF; text-decoration: none; }
a:visited:active { color: #006699; outline: gray 1px dotted; }
If you put the following javascript in your bookmarks bar, you can see all the color by selecting that bookmark.
javascript:t='';c=new%20Array('00','33','66','99','CC','FF');for(i=0;i%3C6;i+)%7Bt+='%3Ctable%20width=100%25%3E';for(j=0;j%3C6;j++)%7Bt+='%3Ctr%3E';for(k=0; k%3C6;k++)%7BL=c%5Bi%5D+c%5Bj%5D+c%5Bk%5D;t+='%3Ctd%20bgcolor='+L+'%3E'+L%7Dt+=' %3C/tr%3E'%7Dt='%3C/table%3E'%7D;with(document)%7Bwrite(t);void(close())%7D

Change text "link" color only in Spry Tab content area

I need to have multiple text link colors in my site for light
and dark background colors. The only regions in my site that have a
white background are in the Spry Tab Panel content area. I can't
figure out how to change the text color for text links in the spry
content only. I tried to add a:link ..etc... to the style sheet,
but it did not effect anything
(I also need to clean my style sheet (s). But that comes
next.
Here
is a Link to a Sample Page in my site
null

Here is the SpryTabbedPanels style sheet in my site. I can't
seem to figure out the changes I need to make to effect the content
area.
I tried to add the following (see .TabbedPanelsContentGroup
below)
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
float: right;
clear: none;
width: 82%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
background-color: #CCCC99;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #99CC33;
color: #000000;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #FFFFFF;
border-bottom: 1px solid #EEE;
color: #000000;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #FFFFFF;
color: #000000;
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
/* This is the selector for the Content panel. The Content
panel holds the
* content for a single tabbed panel. For our default style,
this container
* provides some padding, so that the content is not pushed
up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this
selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the Content container.
.TabbedPanelsContent {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #CCCC99;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #CCCC99;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;

Change visited link color in Safari 5.1.3

Similar Messages

Maybe you are looking for