old blog,

HOWTO: Making Firefox toolbar and tabs smaller

Izhar Firdaus Izhar Firdaus Follow Support Jan 13, 2007 · 1 min read
HOWTO: Making Firefox toolbar and tabs smaller
Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.
People with low resolution screens might want to make stuff smaller to save space. Below is a guide to shrink the Firefox toolbar .

Switching to small icons

First we need to use small icons for the toolbars. Just right click at the toolbar, click customize, and select "Use small icons".

Resizing the toolbar

There are no menus to change the toolbar width from within firefox. Therefore, we need to edit the userChrome.css file. The userChrome.css file is located in your Firefox profile folder. The location differs according to the OS. Locate your profile folder by following this guide. After you located the profile folder, find the file at <profile-folder>/chrome/userChrome.css . If it doesn't exist yet, create it.

Now, add this css entry into userChrome.css
toolbar {
max-height:30px !important;

This will resize the toolbars width to 30px.

Resizing the tabbrowser

Add this entry into userChrome.css to resize the tabbrowser tab width to 30px and remove any paddings and margins.
.tabbrowser-tabs {
max-height: 30px !important;
margin: 0;

Restart firefox, and you're done. Feel free to experiment with various values.

Btw, if you noticed in the screenshot, my menu toolbar has been removed and replaced with a menu button. I'll post a guide to do this when I have time.
Written by Izhar Firdaus Follow Support
I'm a system architect, data engineer and developer advocate with passion in Free / Open Source software, entrepreneurship, community building, education and martial art. I take enjoyment in bridging and bringing together different FOSS technologies to help businesses and organizations utilize IT infrastructure to aid and optimize their business and organizational process.

I'm Back

I'm back from JB .. It was a great trip .. learned some new stuff and met some new and old friends .. Trying to find some ideas on wh...

In old blog, Jan 12, 2007

« Previous Post

Death Note got licensed in the US

Read It HereI was wondering why it took so long for ep 13 of Death Note, so I googled and found out the news. Dammit, the US licensed...

In old blog, Jan 13, 2007

Next Post »