{"id":495,"date":"2011-01-05T15:54:00","date_gmt":"2011-01-05T19:54:00","guid":{"rendered":"http:\/\/ilias.ca\/blog\/?p=495"},"modified":"2019-03-18T19:11:54","modified_gmt":"2019-03-18T23:11:54","slug":"how-to-change-the-colour-of-link-previews-in-firefox-4","status":"publish","type":"post","link":"https:\/\/ilias.ca\/blog\/2011\/01\/how-to-change-the-colour-of-link-previews-in-firefox-4\/","title":{"rendered":"How to change the colour of link previews in Firefox 4"},"content":{"rendered":"<p>In Firefox 3.6, if you want to see the destination URL of a link in a webpage, you can hover the mouse over the link, and the URL will be displayed in the status bar. In Firefox 4 Beta, the destination URL is now displayed in the Location bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"https:\/\/images.ilias.ca\/fx4-greyurl.png\" src=\"https:\/\/images.ilias.ca\/fx4-greyurl.png\" alt=\"\" width=\"558\" height=\"302\"\/><\/p>\n<p>There have been complaints the the light grey colour makes the text hard to read. This is something you can fix right now with a userChrome.css tweak.<\/p>\n<ol>\n<li>In Firefox, click on the Firefox button and go the <strong>Help<\/strong> menu, then select <strong>Troubleshooting Information<\/strong>. This will open the <em>about:support<\/em> page.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"https:\/\/images.ilias.ca\/fx4-troubleshootinginfomenu.png\" src=\"https:\/\/images.ilias.ca\/fx4-troubleshootinginfomenu.png\" alt=\"\" width=\"506\" height=\"317\"\/><\/li>\n<li>Click on <strong>Open Containing Folder<\/strong>. That will open Windows explorer in your profile folder.<\/li>\n<li>Create a new folder called &#8220;<em>chrome<\/em>&#8220;.<\/li>\n<li>Navigate to the \\<em>chrome<\/em>\\ folder, then right-click and select <strong>New<\/strong> &gt; <strong>Text Document<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 1px solid black;\" title=\"https:\/\/images.ilias.ca\/newtxtdoc.png\" src=\"https:\/\/images.ilias.ca\/newtxtdoc.png\" alt=\"\" width=\"387\" height=\"194\"\/><\/li>\n<li>Name the file &#8220;<em>userChrome.css<\/em>&#8220;.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 1px solid black;\" title=\"https:\/\/images.ilias.ca\/userchromefile.png\" src=\"https:\/\/images.ilias.ca\/userchromefile.png\" alt=\"\" width=\"268\" height=\"117\"\/><\/li>\n<li>Open userChrome.css, and insert this text:\n<pre>.urlbar-over-link-box {color: #0000FF !important;}<\/pre>\n<\/li>\n<li>Save userChrome.css and restart Firefox. Link destinations should now appear in blue.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"https:\/\/images.ilias.ca\/fx4-colouredurl.png\" src=\"https:\/\/images.ilias.ca\/fx4-colouredurl.png\" alt=\"\" width=\"557\" height=\"300\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Firefox 3.6, if you want to see the destination URL of a link in a webpage, you can hover the mouse over the link, and the URL will be displayed in the status bar. In Firefox 4 Beta, the&hellip;  <\/p>\n<p class=\"more-link\"><a href=\"https:\/\/ilias.ca\/blog\/2011\/01\/how-to-change-the-colour-of-link-previews-in-firefox-4\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,2],"tags":[],"class_list":["post-495","post","type-post","status-publish","format-standard","hentry","category-firefox","category-mozilla"],"_links":{"self":[{"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/posts\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":7,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/posts\/495\/revisions"}],"predecessor-version":[{"id":940,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/posts\/495\/revisions\/940"}],"wp:attachment":[{"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/media?parent=495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/categories?post=495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ilias.ca\/blog\/wp-json\/wp\/v2\/tags?post=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}