how to resize the menu,address and bookmark toolbars. Not the font but the toolbar sizes
I'm trying to reduce the overall space of the top of the firefox page. I have the menu and the the bookmarks tool bars checked and between those 2 and the address and site header it takes up way to much real estate. My font size is good but the wasted area is way to much and I can't seem to find the simple answer to looking for addons and themes to just resize the height of the space. This is the new 33.1 and up to this point all custom has been a breeze. Thanks much.
All Replies (3)
Hello,
Have you considered running Firefox in Full Screen mode? There is also an extension that hides the toolbars until you hover your mouse over the top of the screen:
You can change the size of your toolbars by using the userChrome.css file, or by installing Stylish and using one of these styles:
- https://userstyles.org/styles/9349/navigation-location-bar-minimal-height
- https://userstyles.org/styles/9350/menu-and-searchbar-minimal-height-dm
- You can edit the code of the style to suit your needs better. I don't know how it will affect the current interface, so if you find that Firefox becomes unusable after using this style, load Firefox in Safe Mode and uninstall Stylish to remove it
- Alternatively, if the address bar still works, type in about:addons in your address bar, and go to the User Styles tab, then disable/remove the style
For more information on userChrome.css:
Just getting back to you CoryMH. Thanks for the input. I forgot about f11 and that works pretty good. I tried the stylish and the addons and it was a how fast could I remove em. And I tried toolbar autohide which works pretty good. I started to try and make a custom SS and ran out of time so I'll be working on it. I found that on the new firefox 33.1 there is no chrome folder or userChrome.css file so I made one of each. As for now they are empty. What I would like to do is !st if I could just reduce the entire 4 lines(the entire top toolbars/address bar/tab bar/bookmark bar by say 40% That would be perfect.
Or #2 if I could see the existing size of each and then reduce till it was what I wanted.
But I don't know or can't find the detail. So I don't seem to have a good starting point. If I could read the line to show say by default it shows height 20pix I would just change it to 14. Something along that line. Any direction greatly appreciated. CS
Unfortunately CSS isn't my strong suit, but you can actually view the stylish code for the styles you installed (even if disabled) to see if it could shed some light on what you are looking for. There are also some tutorials online, let me know if you need help searching for them.
Instead of constantly modifying a userChrome.css file and restarting Firefox, you can create the code in Stylish (by creating a new one) and most changes can be applied immediately assuming the code is enabled.
Note that you can also keep the menu bar hidden, and then show it whenever you press Alt if you want to save more vertical space.