Firefox Support Forum

Could someone please provide userChrome.css which puts the tabs back below the Address Bar in Firefox 89.0?

All the other solutions I've found end up putting the tabs at the bottom of the window where the status bar is. It becomes translucent and the + button cannot be found.

I had one userChrome.css which did put the tabs below; however, the whole top of the browser went to the bottom of the screen so the Menu Bar, Address Bar, and then the Tabs appeared below the page being viewed.

Has anyone found a version that keeps the status quo but just moves the tabs to where they should be?

Thanks.

After the latest update(Version 89), the big firefox logo is appearing in my Home Tab. How can I disable it? I didn't have it last night either when I had the older version.

This latest update is horrible. I hate everything about the new tool/browser bar. How do I undo this abomination and reset it to the settings I had yesterday? Who thought this was a good idea? It's shit!

Please help me get rid of the stupid and ugly Tab bar space on newest Firefox. I hate Tabs and now there is a big space above the address bar for Tabs. I have looked everywhere for a way to turn it off like it has been since Tabs came out. I only want new windows if I want a new window.

If I can't turn that huge space gap off is there any way to go back to what I had before the last update without messing everything up? Why did someone decide to make the browser window smaller and waste that space by making the browser bigger....

Sorry if I sound cranky but, I started using Netscape Navigator 1.0 and every version since and this is the worse thing that has ever been done to a browser... Thank you for any help you can give me!

Hello, all.

This is not a question but a pointer for those who have successfully been using userChrome.css to put the tabs where they belong, below the Bookmarks bar. :-)

If you used a userChrome.css solution such as that presented in threads like the support article "tabs on bottom release 72.0.1" (full disclosure, that is my solution), then you just need to add to the #TabsToolbar section one line:

top: var(--uc-titlebar-padding,86px);

You can play with the "86px" until you have the tabs where you like them. Depending upon my profile and other CSS options, I have to move that a few pixels up or down to get it looking just right.

Hi, I use a PC under W7.

with FF88, the zone of the activated/unused tabs was above the screen, below the listed tabs bar (like in the snapshot).

With FF89, this zone is now empty (background in blue in the snapshot) and only the active tab appears below the window (on the right down in the snapshot for the current tab).

It makes FF simply unusable ! Need your help to come back to a normal situation : all tabs in the blue bar where they were.

thanks a lot for your help. Regards, Philippe

I recently updated firefox to version 89 on my linux os. Since then it is now showing web pages correctly.

Top part of web page is blanked out.

Please see the screenshot attached.

Can you please let me know how to fix this?

In the previous version when I clicked new tab a window would come up and on the page was recent or heavily used web sites I visited. I could then click on the picture and go directly to that web site, video, etc. In this new version, that is not happening. I have to type in the URL each time for where I want to go. I am a senior citizen and this is frustrating. Is there a way to get this version to do what version 88 did?

I just updated to Firefox version 89, and now open tabs appear at the bottom of the page (where the search box would be). Opening multiple windows shows all of them at the bottom. Is there a way to get them back to the top under the Bookmark Toolbar where they belong. I can't believe this is something done on purpose ... It's certainly not an improvement. THANKS!

Hi! With the latest update to Firefox, the tab height is now taking up too much of my vertical screen space and the option to make them compact seems to be gone from where it used to be in the settings. I've tried to search for an extension to fix this, but haven't managed to find one. What do you all suggest I do?

(I don't want to use Chrome. It takes so much RAM that I can't really run both Chrome & Discord at the same time, let alone anything else with it.)

Thank you!

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://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-caption: -5px; /* caption buttons on tab bar */
  --tab-adjust:   3px; /* adjust tab bar */

  --menubar-height: 45px; /*30px|41px=11px; caption buttons on menubar*/
  --navbar-height:  31px; /*31px*/
  --bookmarkbar-height: 26px;

  --tabbar-top: calc(var(--menubar-height) + var(--navbar-height) + var(--bookmarkbar-height) + var(--tab-adjust)); /*89+*/
}

/* in case you enable extra toolbars in full screen mode */
*|*:root[inFullscreen] {
  --tab-adjust: 3px;
  --menubar-height: 0px; /*30px*/
  --navbar-height:  31px; /*31px*/
  --bookmarkbar-height: 0px; /*26px*/
  --tabbar-top: calc(var(--menubar-height) + var(--navbar-height) + var(--bookmarkbar-height) + var(--tab-adjust)); /*89+*/
}

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

#TabsToolbar {
  display: block !important;
  position: absolute !important;
/*  bottom: 0 !important; /* 68-88: BOTTOM */
  top: var(--tabbar-top);  /* 89+: TOP */
  width: 50vw !important;
}

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

/* navigator-toolbox - PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  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{
}

/* 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;}

Since updating to the latest version my tabs are all just sitting out in the open without any lines delineating each one and they don't appear to be formatted correctly as per the "MUTED" text which has appeared and is not needed.

Please tell me this is not the new interface.

I recently updated Firefox to version 89.0 which made my tabs curved rather than square/blocky. Is there any method to revert the look of my tabs? This is strictly for aesthetic purposes.

Hello, I would like to use the search function in the tab again. How can I adjust this? At the moment it is so that when you enter it it appears right above in the link line (see picture). I would like it to be in the search below, directly in the tab. Before version 88 this was possible. Why was it removed?

hallo, ich möchte wieder im Tab die Suchfunktion nutzen. Wie kann ich dies einstellen? Zur Zeit ist es so, daß bei einer Eingabe es gleich oben in der Linkzeile erscheint (siehe Bild) Dabei möchte ich es unten in der Suche, direkt im Tab haben. Vor Version 88 war das möglich. Warum wurde es entfernt?

Hi guys.

I can't characterize websites because of the favicon overlaid by the speaker symbol (directly in the YouTube tab).

Is there a way to display the speaker symbol and the favicon at the same time? Or not display the speaker symbol at all, because it is important for me to know which website is in the TAB. I don't need to see the speaker, but the favicon of the website. See attached screenshot.

Of course, the speaker icon only appears when audio is active on a particular website (for example, this applies to a YouTube website).

Thanks.

Mike

Firefox 89.0 (64-bit) Windows 10 (64-bit)

In version 89 running on windows there is no "options" setting in the three bar file. Previously I had things running so that if I opened a new window it came up with my chossen browser (Startpage). Now if I do that it opens a new tab instead of a window and does so in Firefox. So then I try to find "options" but its not there. So I go to settings and it offers me an option to open in tabs instead of new windows. Implication is that the default is a new window. SO I make sure thats not ticked and I close firefox and reopen it. No difference. Then I come at it the other way ie to tell the tab to despay my home page but it wont let me do that either. Choices there are only a blank page or (yes you guessed it) Firefox. All help gratefully recieved.

6/7/21 Firefox just did an update on my computer. Before, the tool bar at the top was dark gray and the tabs were easily distinguishable. Now the entire area above the URL is light gray. I would prefer more contrast between the tool bar and the tabs. What happened? Thank you.

Since the last update I no longer see the website icons on the tab when it plays audio (twitch, youtube etc.), would love to have back the icons again and the sound indicator on the right side of the tab. I don't want to deactivate the indicator since I use it fairly regularly.

when i type a search into my google search on a new tab, the writing jumps into the web browser at the top , its so annoying , any help will be appreciated ...Thanks