Firefox Support Forum

HERE IS THE ANSWER Here is the answer to get TABS BELOW with Firefox V90 . . copy all of this code below the broken line into your - userChrome.css - file and save it. You can modify the 45px in this line if you wish to get an appropriate height . . just experiment with different numbers till you get it right --menubar-height: 45px; /*30px|41px=11px; caption buttons on menubar*/

Also to make the tabs wider or narrower, modify the line which is coded width: 50vw !important;

Finally you must enable - css - in Firefox, by typing about:config into your address bar, and search for toolkit. When all the toolkit options appear change the one which says toolkit.legacyUserProfileCustomizations.stylesheets to TRUE by click the icon in the right hand column. Than close Firefox and reopen, and check how it looks This will enable your - css - file to be read, and interpreted and accepted by the Firefox browser.

-------------------------------------------------------------------

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: bottom - Firefox 65 and later - updated for 89+ */
/* https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css */
/* https://raw.githubusercontent.com/Aris-t2/CustomCSSforFx/master/classic/css/tabs/tabs_below_navigation_toolbar_fx89.css */
/* https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox */

/* ROOT - VARS */
/* you can adjust the CSS variables until it looks correct */
/* you can use the Browser Toolbox to get the toolbar heights */

*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;

  --tab-min-height: 40px !important;
  --tab-min-width:  60px !important;

  --tab-adjust:  0px; /* adjust tab bar - only for 68-73 */
  --tab-caption: 5px; /* caption buttons on tab bar */
}

/* TAB BAR - below nav-bar */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10 !important;}
#TabsToolbar {-moz-box-ordinal-group:1000 !important;}

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 50vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* navigator-toolbox - PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  position: relative !important; /*89+*/
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
  background-color: var(--toolbar-bgcolor) !important;
}

/* TabsToolbar with menubar and titlebar hidden - rules for Firefox 65-73 */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~
 #TabsToolbar{
  bottom: var(--tab-adjust); /*ADJUST*/
}

/* TABS: height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
  background-color: var(--toolbar-bgcolor) !important;
  color:            var(--toolbar-color) !important;
/*  z-index: 1 !important; */
}

/* indicators *//*
*|*:root[privatebrowsingmode=temporary] .private-browsing-indicator {
  position: absolute !important;
  display: block !important;
  right: 0px !important;
  bottom: 0px !important;
  width: 14px !important;
  pointer-events: none !important;
}
*/
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* Indicators - HIDE *//*
*|*:root:not([accessibilitymode])             .accessibility-indicator    {display: none !important}
*|*:root:not([privatebrowsingmode=temporary]) .private-browsing-indicator {display: none !important}
*/

/* Drag Space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 20px !important;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}

#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* Hide window-controls and caption buttons on Tab Bar */
#TabsToolbar #window-controls {display: none !important;}
#TabsToolbar .titlebar-buttonbox-container {display: none !important;}

When you open a web site, a tab is created up top under the "File," "Edit," "View," etc. tabs. And, obviously, if you have more then one site open, they're all there. But this week I noticed that with the fourth tab, they stop being visible, and there's arrows on the far left and right. So if you have five or six pages open and you want to go back to the first tab/web site, you have to hit the arrow on the far left to make that tab visible, and then click on the tab.

So they went from one step/click to two, or three, or four! Sometimes I have to click around to find the tab I want. Also, there's times I just want to see if a site/tab is there. Now, I have to click the darn arrow and find it!

Why do they do this? If it aint broke, don't fix it!

I don't want it like this. At all. I want all the tabs there, without any arrows. Just like it always was. How do I get it back to what it was?

Hi

Running Firefox 71.0 (64 bit)

Well seems Firefox has been messing this up again.

Anyone have the new work around solution to get my tabs back on the bottom again. They were fine this morning then shut down and went out to lunch and when I came back they were back on the top again after months of being where I wanted them below my bookmark bar.

Thoughts on this?

Thanks Dave

I have many tabs like 200-300. Firefox crashed today. I also have 4GB page file on top of that. Strange! After I restarted Firefox it was using only 6.8GB RAM. Perhaps memory leak. BTW if I have browser.cache.disk.enable set to false. Is page file still used?

Thanks for help.

In most standard Windows applications, the title bar and tab colour follows the default Windows settings, e.g. (in my case) the title bar and tab colour of active application windows is blue. This is true even in Thunderbird. Since FF 89, title bar and tabs are something between white and light gray, which is extremely user-un-friendly. FF developer team should return to the previous colour scheme. Yes, I know the circumstances of free software but this is NO excuse to alienate millions of users. Developers that change fully functionable software just, well, just to CHANGE it should consider that they are doing WRONG. Could anyone tell them? I am just user, not developer and I am not willing to learn developer tools like BugZilla just for this simple guiding principle.

I am currently on version 110 of firefox. It is driving me crazy how there is no physical object or deliminator between tabs. they all just blend in. Is there any way to add the "|" (pipe command) between the tabs so they have some sort of separation?

thanks

Today I updated my Firefox Developer Edition to version 89.0b2 and now I just can not look at this browser anymore, "Inspired new tab design" is taking too much space and now became largest and at the same time least information-dense panel in my entire desktop! I searched around the web for a bit in hopes that I will find a theme or an add-on that will revert this particular change but no luck. I really want to revert to old UI look (at least tabs bar), there should be default theme or option to get back to old style. After some investigation I found userChrome.css but don't really want to install it (maybe this is actually the way of doing this kind of styling). Please help me revert UI design to old one.

Last time Firefox updated, I managed to find information online about moving the website tabs so they were below the bookmarks instead of at the top of the screen. It was a huge pain-in-the-butt to do.

After a recent re-install, the tabs have moved themselves back to the top of the screen and nothing I do seems to be able to move them back below the bookmarks.

Is there a way I can move the tabs that doesn't involve spending hours hunting through posts on the web, changing hidden Firefox settings, and recoding .css files?

If not, why do you not give the option to move the tabs wherever the user wants? Especially when it makes far more sense to have the website tabs directly above the website being viewed, at least in my opinion?

I'm currently using Firefox 85.0.2 (64-bit).

I have several hundred tabs, tick them all and want to bookmark them, but that never works. Never! I uninstalled Firefox, reinstalled it. It still does not work. I've turned off all add-ons, it's still not working. The error has been present for 2 or 3 years! I also used a whole lot of tabs managers but not even one solved the problem, managers don't even see these tabs! In my case, Firefox is stable, pages open, so what makes it impossible to add or save tabs? I don't want to lose my open tabs. I searched all the help pages, tricks and it still doesn't work, nothing, nothing at all, not even reinstating a computer or anything else won't fix the problem. I will also add that the "Settings" menu does not open! This is unique (super-bug)!

So, despite selecting "Allow Audio and Video" in the Site Preferences, "AUTOPLAY BLOCKED" continues to show on a tab, and it only goes away once I access the tab. This particularly happens on Youtube media.

You may find attached to this question an image of my about:config settings.

What further can be done to fix this?

Ever since IE changed to tabs on top firefox coders followed like mindless automatons without any regard to/for Mozilla community and users. We are sick and tired of being ignored. We want/need tabs bellow address bar. Now, tell us how to simply get tabs below address bar or tell the coders to provide us with the option. And, we don’t care about any excuses as previously provided or outright ignored by them.

So, I've had this problem once already and solved it. Mozilla updated automatically and I lost all of my tabs (over a 100 tabs, mostly with books I wanted to buy / compare prices), couldn't restore the session and had no history. After a dramatic and prolonged freakout, I actually found help on this site and managed to open the correct upgrades.jsonlz4 files with the jeffersoncher scrounger website. I meant to save all of the links in a word file since I no longer trusted firefox to open my tabs after an update, but real life happened. I kept putting it off and was content to have the tabs on hand as a list on the scrounger website. But then ANOTHER automatic update happened and now I no longer find the old .jsonlz4 file - I have a few really old ones (from 2017 and 2019) but the one from around the time period of the first tab loss only has tabs about restoring lost history. I now, just as before, again have no history to find the tabs with the books I want that way. My question is: I would very much like to have those tabs back - some of those books were meant as gifts and finding them the analog way is possible, but very time-consuming. Is there any way I could find the correct .jsonlz4 file (I even remember the date it was modified as shown in file explorer - or should I just give up the whole affair as lost and no longer waste time on it? I'll try reinstalling firefox after I post this message, but given that it didn't work last time, I'm not very optimistic.

Thanks in advance, all the best Ana

Mt tab bar is set up to appear underneath the bookmarks bar. I just updated to version 89.0 (64 bit) and the tabs bar is there but NO tabs are appearing on it or anywhere. How do I fix this?

Hello,

I just installed the new update. The new tab design is totally confusing/unclear to me. Especially the fact that the new tabs don't have a "seperator-line" to the next tab. Thats totally disturbing to me. It's really difficult for me to keep the overview about my normally around 60 tabs now. Is there an option to switch back to the old tabs look and feel? Are there other options to customize the look of the tab bar?

Thanks in advance and Greetz!

Hi

to ALL Firefox admins and programmers.....

I think Im speaking for most people when I say this......

PUT THE DAMN TABS !!!!!BELOW!!!! the address bar already!!

People have been begging you to do this for ******* years!!!

Stop being such a**holes and make it like this BY DEFAULT FOREVER! And add a simple option in the setting that always allows the user to put the tabs above or below....but I know most people want this always BELOW!!!

Fix this issue PLEASE it pisses soooo many people off having the tabs above the address bar. ...Also when I double click on the empty space beside the tabs it just shrink the open window.....change this so double clicking on the empty area OPENS A NEW TAB...

Signed a VERY pissed off user!

On old tabs, where I have opened google.com, there is infinite captcha! Once I solve it, it will immediately return back. I tried delete cache and cookies and restart PC. Nothing helped! I read on reddit it is known issue with Firefox!

I would like to set the tabs to display below the address bar in Firefox 89 64bit. I believe the setting is in about:config but I can't find it. Firefox does this every so often and I wish they would just have a button to say tabs on top, or tabs below address bar.

Hello,

When FF on my Windows 10 machine crashed FF asked if I wanted to refresh FF. I said yes, and FF reopened as usual with all my tabs. After I closed and reopened FF the next time, it reopened without any of my tabs. I then discovered that FF had unchecked the “Startup Open previous windows and tabs” box, which I had previously religiously monitored to be sure it was checked. So I lost all my previous tabs.

In my sessionstore-backups folder I found the file upgrade.jsonlz4-20 as last in a list of three more recent file names. I then dropped the file upgrade.jsonlz4-20 in the scrounger tool on this site: https://www.jeffersonscher.com/ffu/scrounger.html. It expanded in the big window, and when I clicked on Save uncompressed JSON as text, I see all the URLs run together in a text file.

How can I use this information to recover my tabs, please? If so, how? Or is there a better way to use the Scrounger – or another – tool?

Otherwise if I delete the three more recent file names in the list above the upgrade.jsonlz4-20 file, and restart FF will I recover the missing tabs? If so would I the check or uncheck the Startup Open previous windows and tabs box?

Lastly, can I restore my missing tabs using Windows’ “System restore” tool from 3 days before the crash?

Many thanks for any help!

Appreciate help for the following: 1. these codes don't work anymore in FF 110: #tabbrowser-tab[first-visible-tab="true"] { margin-left: 3px !important; }

2. Also this one for Tab Separators , works ok except , the "last tab separator on the right" disappeared , I mean the left is visible but the right side of the tab has no separator :

.tab-content {
position: relative !important;
overflow: hidden !important;
--separator-color: rgba(255,255,255,0.4);
}

.tab-content::before,
.tab-content::after {
content: '' !important;
display: block !important;
position: absolute !important;
background-color: var(--separator-color) !important;
width: 1px !important;
height: 28px !important;
transform: translateY(24px) !important;
opacity: 0 !important;
transition: opacity 0.2s ease !important;
}

.tab-content::before {
left: 0 !important;
}

.tab-content::after {
right: 0 !important;
}

.tabbrowser-tab[visuallyselected][style*=transform]+.tabbrowser-tab[style*=transform] .tab-content::after {
opacity: var(--tab-separator-opacity) !important;
}

.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab[style*=transform]+.tabbrowser-tab:not([visuallyselected]) .tab-content::before {
opacity: var(--tab-separator-opacity) !important;
}

.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected])+.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before {
opacity: var(--tab-separator-opacity) !important;
}

#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after {
opacity: var(--tab-separator-opacity) !important;
}

#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned]+.tabbrowser-tab:not([pinned]) .tab-content::before {
opacity: 0 !important;
}

Any help appreciated Thanks look4