How to change the colour of link previews in Firefox 4

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.

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.

  1. In Firefox, click on the Firefox button and go the Help menu, then select Troubleshooting Information. This will open the about:support page.
  2. Click on Open Containing Folder. That will open Windows explorer in your profile folder.
  3. Create a new folder called “chrome“.
  4. Navigate to the \chrome\ folder, then right-click and select New > Text Document.
  5. Name the file “userChrome.css“.
  6. Open userChrome.css, and insert this text:
    .urlbar-over-link-box {color: #0000FF !important;}
  7. Save userChrome.css and restart Firefox. Link destinations should now appear in blue.

3 Responses

  1. Anonymous January 5, 2011 / 5:43 pm

    You left out a key step in your instructions for Windows users: anyone who hasn’t yet turned filename extensions back on will end up with a file named “userChrome.css.txt”.

  2. Jessy@Schuhe Online April 7, 2011 / 6:08 am

    Thanks I just downloaded the new Firefox 4 and was looking for some tipps on how I can change the previews. Worked well.

  3. avinash February 15, 2012 / 11:47 am


Comments are closed.