Suspected PayPal Hackers Seek Deal To Stay Out Of Prison
Scripps Employees Called 'Hackers' For Exposing Massive Security Flaw
Remove Firefox 4.0's big, ugly, unmovable orange button
Yup, you're not alone: that orange button in the top left corner of Firefox 4.0 just won't move.
Fortunately, with the help of a Neowin forum thread and a little hacking, I am now the proud owner of a see-through Firefox button that's in-line with my tabs! If you'd also like to move that orange button -- or simply change its color! -- follow these easy steps:
- 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;}
The second block (#appmenu-button) is the most important. You could easily change the color (54, 121, 166) or the opacity (0.2) -- simply change the values, save, and restart Firefox 4.0.
With some knowledge of CSS you could also move the button around (padding and margin), but I'll investigate more tomorrow. In the mean time, enjoy your less intrusive Firefox 4.0 menu!
(Incidentally, if you missed the previous post, Firefox 4.0 beta 1 is now available for download!)
Comments
54
Subscribe to commentsSwiftbladeJul 11th 2010 5:10AM
I don't even have the fucking bar.
TomJul 16th 2010 7:43AM
First, enable Tabs on Top and Always show tab bar, then put in userChrome.css this code:
#appmenu-button { display:none !important; }
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-top:1px !important;
padding-right:108px !important;
}
And enjoy Google Chrome-looking Firefox :)
dhulmeJul 16th 2010 3:48PM
Tom, have you noticed that this causes a problem with popup windows?
TomJul 16th 2010 7:11PM
Well... No, it's not ;) pop-ups works! Please, paste here the webpage where pop-ups are not working.
FrozenFoxJul 19th 2010 9:27AM
From a combination of previous stuff on this site, stuff I found on google, and tweaking, I found a nice minimalistic setup that others may enjoy that I'll post below.
The code given in the article has a problem with the 'recently closed tabs' button being overlapped by the minimize button or vice versa. The code below moves it to the side of the minimize button and more or less lines it up with min/max/close (provided the window is maximized :p sorry non-max browser users), how I personally like it. Hope someone else enjoys it too. Note I got this to work by sheer tweaking, not so much from knowing what I'm doing, so YMMV ;).
#appmenu-button-container {
position: fixed !important;
}
#appmenu-button {
padding: 2px 8px 2px 8px !important;
margin-top:3px !important;
background-color: rgba(54, 111, 255, 1.0) !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 95px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 74px !important;
padding-top:1px !important;
padding-right:98px !important;
}
.tabs-alltabs-button {
margin-right:9px !important;
margin-top:-10px !important;
margin-bottom:4px !important;
}
DDClarkJul 22nd 2010 5:31PM
Hi there,
I just found an article that brings some improvements to this css hack (the button stick at the top of the nav' for instance).
http://alctplus.blogspot.com/2010/07/firefox-4-beta-how-to-move-orange.html
oceanflowsSep 7th 2010 12:44PM
Just upgraded, unfortunately this hack doesn't work properly with beta 6, running the latest nightly (4.0b6). Worked great on the released beta 4.
Sebastian AnthonySep 7th 2010 1:03PM
Darn! I'll investigate.
AndySep 7th 2010 9:58PM
Yeah, worked fine up through beta 5, but not no more. Further hacking would definitely be appreciated.
Tom.a.gillSep 9th 2010 6:09AM
ok not just me then.. b5 broke this.. damn.. why would FF do that.. crap
AndySep 9th 2010 5:23AM
I just tried this in beta 4.5 and the button did not move. Any updates on how to make it work?
Sebastian AnthonySep 15th 2010 12:48AM
Yes! We made a new post about it a few days ago:
http://www.downloadsquad.com/2010/09/12/hide-or-move-the-orange-button-in-firefox-4-updated-2/
OlavDec 20th 2010 3:14PM
I have been mixing alot now, and this css is working best for me :)
_____________________________
/*
* By O-l-a-v
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
/*Appmenu*/
#appmenu-button-container { position: fixed !important; }
#appmenu-button { display:none; !important; }
/* Menu and toolbar color */
#navigator-toolbox { color:#333333 !important; }
#PopupAutoCompleteRichResult[type="autocomplete-richlistbox"]{ opacity: 0.9 !important; }
/* Tabs in Titlebar - Will move the tabs into the titlebar when maximized */
#appmenu-button-container { position: fixed!important; }
#toolbar-menubar { margin: -22px 98px 0px 85px;}
/* Tabs */
.tabs-newtab-button {
width: 22px !important;
height: 23px !important;
background: none !important;
border: 0 !important;
}
/* Titlebar position */
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 0px !important;
padding-top: 2px !important;
padding-right: 98px !important;
background: transparent !important;
}
______________________________________
Try it!
amitAug 22nd 2011 6:53PM
Here is the solution right up to Firefox 6..
download and install: Movable Firefox Button ADD ON...
press ALT, select VIEW>TOOLBARS>BOOKMARKS TOOLBAR
press ALT, select VIEW>TOOLBARS>CUSTOMISE
Now press ALT, and move the firefox orange button onto the toolbar - then click close.
Finally:
press ALT, select VIEW>TOOLBARS> and uncheck BOOKMARKS TOOLBAR
ALL GONEEEEE!