SHOP PRODUCTS
Houzz Logo Print
chuggerguy

Firefox workaround to assure visited links turn grey

Richard (Vero Beach, Florida)
6 years ago
last modified: 6 years ago

Links turn grey for me using Chromium Version 65.0.3325.181 (Official Build) Built on Ubuntu , running on LinuxMint 17.2 (32-bit)

But not when using Firefox 59.0.2 (32-bit)......................................................(Linux version if it matters, probably not)

.

.

This is not a proper fix (Houzz needs to do that), just a temporary workaround until Houzz fixes it. (Tested only on Firefox, works for me, not guaranteed to work for you)

Visit https://userstyles.org/styles/157712/allow-visited-links-to-turn-grey

Unless you happen to already be using the add-on called "Stylish" you will see something like this:

Clicking "Install with Stylish" should take you to the proper page to install the add-on.

After installing "Stylish" revisiting https://userstyles.org/styles/157712/allow-visited-links-to-turn-grey

should present you with a screen like this:

Once you install the style (which the Stylish add-on applies to make the visual change) visited links should start turning grey:

If you're leery of the code, click "Show CSS code" before installing it. It should look like this:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(gardenweb.com), domain(houzz.com)
{
.hbs.hz-rebrand-web .colorLink:visited
{
color: #888 !important;
}
}

Line one was inserted by userstyles(dot)org and is required. I don't know enough to explain why it's required, I just take their word for it. :-)

Line two determines which domain(s) the style is applied to. In this case gardenweb(dot)com and houzz(dot)com.

Line three and the last line are brackets surrounding the CSS code.

Line four is the "selector" of the element that the rule-set gets applied to. (Note the "visited" at the end, the rule-set is applied only when the element/link has been previously visited)

Line five and seven are brackets that surround the rule-set. (the rules or changes that get applied to the element selected above, visited links)

Line six is the line that does the trick. It sets "property" color to "value" #888 (grey). The !important helps assure it's not overridden by a conflicting houzz rule.

Comments (4)

Sponsored