I want my tabs on the bottom as before
Before FF57 I used the Classic Theme Restorer to put my tabs below the address bar. Now, with FF57 this is no longer possible because the add-on is not supported anymore and Firefox does not have that feature available. This results in tabs which have the same color as the menu bar above it. I even tried to get them different colors.
What is wrong with you people there, making and maintaining Firefox? The browser has so many customable items but some simple like putting the tabs below the address bar (and also below the bookmark toolbar which I use) is too much to ask?
Now that option with userChrome.css doesn't not work here, so referring to that is pointless. So please, add in this feature to let us place the bars where we want them. Why shouldn't it? We can now move pictograms as well, from left to right and vice versa, or remove them from sight. Other than that I am very please with the increased speed.
BUT DO SOMETHING ABOUT THOSE TABS, IT'S DRIVING ME CRAZY.
Chosen solution
Inside your profile folder inside its own folder called chrome is where userChrome should reside.
Directory tree:
%APPDATA%/Mozilla/Firefox/Profiles/jvlu4u6e.default/chrome/userChrome.css
All Replies (5)
Firefox 57 changed names of some element IDs and added new ones so that's probably why your old CSS doesn't work, this below one should though. Just replace yours with this one.
/* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; }
Moses said
Firefox 57 changed names of some element IDs and added new ones so that's probably why your old CSS doesn't work, this below one should though. Just replace yours with this one. /* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; }
Must the userChrome.css file be located in the chrome map inside the map "jvlu4u6e.default" or just in "Profiles" (where jvlu4u6e.default is also located)?
Chosen Solution
Inside your profile folder inside its own folder called chrome is where userChrome should reside.
Directory tree:
%APPDATA%/Mozilla/Firefox/Profiles/jvlu4u6e.default/chrome/userChrome.css
Thanks it worked, I am so glad full this worked I even made a understandable video of it for others:
https://www.youtube.com/watch?v=avzbMW5-9ok
Tell me what you think of it? (Don't mind my crappy English, since I am Dutch). :-)
Just an FYI, I was adding the 'chrome' directory in the Local ... directory instead of the Roaming directory. Don't make that same mistake.
The code works great. Thanks of the youtube.