OK so you had it, but did you notice that top button, orange in color, located top left above the tabs? We don’t have any such irritating thing in Chrome…so why should we waste the precious screen real estate with just an orange logo, apart from the chrome reason?? This idea is to give you more space by pushing the tabs up or adjacent to the orange Firefox logo.
Thanks to a Neowin forum thread and Downloadsquad; they came up with a brief hack that solves this problem. So here you go:
- Locate your Profile directory — click Help > Troubleshooting Information and then Open Containing Folder
- Now navigate to the Chrome directory
- Copy userChrome-example.css
- Rename your copy to userChrome.css
- Open userChrome.css your editor of choice and dump the following code in it:
#appmenu-button-container {
position: fixed !important;
}
#appmenu-button {
padding: 3px 18px 3px 18px !important;
margin-top:3px !important;
background-color: rgba(54, 121, 166, 0.2) !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 95px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 105px !important;
padding-top:1px !important;
padding-right:98px !important;
}
If you were unable to find userChrom.css you can alternatively, download it here and copy it into the directory. Don’t forget to rename it.
There is more you can do to it. You could easily change the color (54, 121, 166) or the opacity (0.2) — you just have to play around the values, save, and restart Firefox 4.0. Just do it all in #appmenu-button section or id.
If you missed our earlier post, regarding downloading of Firefox 4 beta, you can download it here!
Related Articles:
- iPhone 5 Volume Button, Power Button and Mute Button Images Leaked
- The new Firefox 4 beta 1 is official now [Download]
- Firefox 4, What’s coming up? [Browsers]
- Firefox 5 Coming in June 2011 and Firefox 4 Final is Releasing Tomorrow
- New Buttons and Shortcuts in Firefox 4
- Download Firefox 4 Final Version For Android and Maemo
{ 4 comments… read them below or add one }
Awesome Tip and instructions, worked perfectly. Much Better position of the button. Thanks!
I would like to remove the firefox button but keep the space on top.
Do you know what settings i can use?
Thanks.
You can use my already posted script and edit the “padding-top: 0px !important;” with 20 instead of 0 for example, but I don’t really see the point of wasting that space on top…
If anyone wants to disable the Firefox button and move the tabs on top use this simple script:
#TabsToolbar{
padding-left: 0px !important;
padding-top: 0px !important;
padding-right:112px !important;
}
#appmenu-button-container{
position: fixed !important;
top: 999999999px !important;}