Remove horizontal separators in Firefox
This is a screenshot of a default Firefox:

And this is my screenshot:

It’s a very small detail, but in “my” screenshot, there are no fugly horizontal lines!
This is how:
Head over to “x:\Documents and Settings\username\Application Data\Mozilla \Firefox\Profiles\abcdefghi.default\chrome“, and edit the “userChrome.css” file in notepad. If you don’t have such a file, create one.
Add this to that userChrome.css:
/* hide seperators between toolbars */
#toolbar-menubar {
min-height: 12px !important;
padding: 0px !important;
margin: 0px !important;
border: none !important;
}
#nav-bar {
border: none !important;
padding: 0px !important;
}
#PersonalToolbar {
border: none !important;
}
Start Firefox, and those horrible horizontal lines are gone! with the wind!
Does anyone know what theme is in the screenshot? It looks really nice.
It\’s a modded gfxOasis visual style … More screenshots can be found here ;)
You can find the original theme somewhere @ gfxoasis, but sadly enough I don\’t have permission to distribute my modded theme …
Wow thanks for the quick reply! I also love the code to remove the separators too :)
;)
I’m curious, how did you know I replied?
I went back to this page after I switched comps to grab the code and install it on my other firefox :)
Hmmm, I have looked everywhere, But that code still left some borders, any idea how to remove these: http://rex.gv-hosting.com/PC_Screenshots/Borders-Plus-Separators.PNG ?
Those lines are still there in my Firefox too, I don’t know if they are removable…
[...] Link: weyland.be: Remove separators between toolbars [...]
In Firefox 3, you also have to add
menubox, toolbox, toolbar {
-moz-appearance: none !important;
border: none !important;
}