{1}
Before taking your first steps in customizing Firefox, you're recommended to get the chromEdit extension. The usage is as simple as a cat's tail:
  • install chromEdit - I hope you already did that ;)
  • open chromeEdit (Tools -> Edit User Files)
  • click a tab, then copy and paste a code snippet into it.
  • click Save, close chromeEdit and restart Firefox.
Note: you should repeat the last step every time you make any adjustments to the CSS code to see the result. You may want to install RestartFirefox to make the browser restart a snap.
Q: How can i make the bookmark menus wider?

A: Add the code below to your userChrome.css: 
menu.bookmark-item,
menuitem.bookmark-item {
/* The value varies from 26em (default) to 43em */
  max-width: 40em !important; 
}
Q: The search bar is too long, how can i make it narrower?

A: Add the code below to your userChrome.css: 
#search-container {
/* This is the maximium allowed width of the search box. 
It can be narrower but will never exceed this value. */
  max-width: 200px !important; 
}
Alternatively, you may try the Searchbar Autosizer extension (only version 1.0.2 and above).
Q: The tab text is too small, how can i make it larger?

A: Add the code below to your userChrome.css: 
.tab-text {
/* If the font size is not large enough, 
keep increasing this value by 1. */
  font-size: 8pt !important;
}
  Top 
Q: How can I reduce the space between the toolbar icons so that the toolbar becomes more compact?

A: Add the code below to your userChrome.css: 
/* The first value is a vertical padding,
the second value is a horizontal padding. */

/* Normal icons. */
.toolbarbutton-1, 
.toolbarbutton-menubutton-button {
  padding: 1px 2px !important; 
}

/* Small icons. If you never use them,
you don't need the code below. */
toolbar[iconsize="small"] .toolbarbutton-1, 
toolbar[iconsize="small"] .toolbarbutton-menubutton-button { 
  padding: 1px 1px !important;
}
  Top 


{1}
Quick jump:
Choose your site flavor:
  
New: The selected flavor will now be remembered!
Attention!
To use a Firefox theme, you need to apply it after installing. Firefox 3.x will automatically apply the installed theme for you. If you are using version 2.x, do the following:
  • click Tools - Add-ons - Themes to open the Themes Manager
  • select the installed theme
  • click the Use Theme button
Now it's time to restart Firefox and enjoy your new toy...eh, theme. :)

To install a Firefox theme offline, drag the downloaded JAR file on the Add-ons Manager window. Note: do NOT double-click the file! You will end up either getting error message or opening the archive.
Many thanks to Pcdingo and NeoLotus for beta testing. :)
Newsletter
Sign up for a free newsletter and never miss new graphics. :)
Get Firefox! Get Thunderbird!

Firefox? Never heard of it...
Firefox is Mozilla's award-winning next generation Web browser. It's fast, feature rich and has all the bells and whistles one can wish in the program of a kind. But the best part about Firefox is that it's skinnable. You can beautify your browser with the themes by Blue Cat's Graphics or, if you have an urge to become a theme collector, visit Mozilla Update - Themes or other themers' sites for more.
Google
www Blue Cat's Graphics
Type in a keyword to search
 Find:
Click to visit SnapFiles
Send your comments, questions and suggestions!



Contact me (Red_Fat_Lazy_Cat): email  |  ICQ: 302278007   |  Yahoo ID: redfatlazycat