Styling Firefox in a different way

by Shivanand Sharma on April 19, 2008 · 0 comments

in Firefox

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Userchrome.css is a file that allows users to change the look and feel of the Firefox interface. You can change the size of the letters and their style or their color and much more. This goes for many things. For example you can change the look of your tabs, toolbars, status bar etc.

In this first post in the series of three I'll point you how to locate and modify this file. The file is located in the chrome directory under the Firefox profile that you use.

  • Locate the chrome folder inside the profile directory.
  • There are good chances that there already exists an example file inside the chrome folder by default like "userchrome-example.css" and you can simply rename it to "userchrome.css". Or you can create a plain text file and rename it to "userchrome.css"
  • OR you can download this and save it to the chrome folder.

Starter's tip: Before you set out to play around here are a few tips to get you started

  • Every time you make a change in this file, you need to restart Firefox so that the changes show up.
  • All the text in between /* and */ is commented i.e. unused. To use it, remove /* and */ from the beginning and end respectively.
  • Learn more about CSS at W3Schools

Tomorrow I'll bring to you a list of my favourite userchrome.css tweaks that I use. And next would be the top-of-the-charts.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • blogmarks Styling Firefox in a different way
  • Blogosphere News
  • Blogsvine
  • E-mail this story to a friend!
  • Furl
  • IndianPad
  • LinkArena
  • LinkedIn
  • Live
  • MySpace
  • NewsVine
  • Reddit
  • Slashdot
  • StumbleUpon
  • Technorati
  • TwitThis
  • Yahoo! Buzz
  • YahooMyWeb
  • Fark
  • Faves
  • Internetmedia
  • Linkter
  • Netvouz
  • Pownce
  • Socialogs
Subscribe to the RSS Feed. Bookmark on StumbleUpon, del.icio.us or vote for it on Digg.

{ 0 comments… add one now }

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Review - Nikon D80 and the 18-200mm VR Lens

Next post: ColorfulTabs 2.0.10 for Firefox 2