The graphic you use will automatically be scaled to fit the tool bar. For example, if it's small, it will be tiled.
7. Hack the stop, back and forward buttons
Are you a minimalist? Does it annoy you that there's a big fat Stop button on the Firefox tool bar, even when there's nothing to stop? And how about the Forward and Back buttons -- if there's no place to go forward or back, would you like them simply to disappear?
You're in luck, because it's simple to do. Add these lines below to userChrome.css. Note that even after this trick, the buttons will appear when there's a use for them. For example, when a page is loading, the Stop button will appear, so that you can stop loading the page; it just won't appear when a page isn't loading. And the Forward and Back buttons will appear when there's something to go forward or back to:
/* Remove the Stop button when content isn't loading*/
#stop-button[disabled="true"] { display: none; }
/* Remove the Back button when there's nothing to go back to */
#back-button[disabled="true"] { display: none; }
/* Remove the Forward button when there's nothing to go forward to */
#forward-button[disabled="true"] { display: none; }
8. Move the sidebar to the right
Firefox has a sidebar for viewing your history or bookmarks. It normally displays on the left-hand side when you choose View-->Sidebar. If you prefer, though, you can have the sidebar instead appear on the right, by typing this code into the userChrome.css file:
/* Place the sidebar on the right edge of the window */
hbox#browser { direction: rtl; }
hbox#browser > vbox { direction: ltr; }
9. Change the search bar width
Don't like the width of the search bar on the upper-right hand corner of Firefox? No problem -- it's easy to change. All you need to do is specify the width you want, in pixels. Use this code in userChrome.css to tell the search bar to be 600 pixels wide, but you can, of course, use whatever size you want:
/* Make the Search box wider
(in this case 600 pixels wide) */
#search-container, #searchbar {
max-width: 600px !important;
width: 600px !important; }