Firefox Support Forum

Till version 112 I used this in my userChrome.css to get back the close buttons on tabs, but only when I hover over them (active or inactive tabs): .tab-close-button{ display: none } .tabbrowser-tab:not([pinned]):hover .tab-close-button{

   display: -moz-box !important

}

But now with version 113.0.1 it doesn't work at all and no X appears when I hover over my tabs.

I tried adding #tabbrowser-tabs[closebuttons="activetab"] on top of the previous code, but it made the X appear all the time.

How could I update this code so I get the desired result only when I hover over a tab?

Hi, Imaging that, firefox is open, I clicked on a button that opening new window, how I can merge this 2 window in 1, in fact I wanna have that new window as a tab.

Google Chrome have this already.

Thanks !

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

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.

I have open half a dozen or so tabs related to one subject. I would like to put them all into one "super tab", such that only the super tab shows as an open tab. Then, by clicking on that tab, it would show the tabs within it, any one or more of which could be selected. Is this possible, and if so how is it done? Perhaps there's an add-on or extension that would do this.

I have already created a multi-tab bookmark that sorta, maybe accomplishes the same thing. But it's not as convenient as what I envision as described above.

Thanks for any advice or words of wisdom.

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!

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).

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.

Sorry to rub salt into old wounds but this quote from a 2014 support post expresses my feelings exactly:

"What's the point of a 'tab' if there's no tab? Text floating around at the top of the page is not a tab."

New redesign update 89 somehow changed New Tab design. I don't know how it should look, but I think this is not what is intended. There is only one setting left - an amount of rows, which doesn't solve this alignment problem. Highlighting an item also looks misaligned.

Firefox updated and now my tabs are above the address bar, I hate it. I have went through all the information I could and created a new chrome folder, downloaded the css and changed user preferences but it sets the tabs to the bottom of the screen not just below the address bar. I think I need a different set of code for the css but cant find a copy. Does anyone know what to do?

My Sessions and Session Boss know I have all my tabs open presently. I can't see the tabs & I can't right click a bookmark and see a 2nd tab open. I had the tabs at the top and just under the bookmarks bar. Now it is just one long blank bar. I disabled and then re-enabled proton, which is the worst upgrade experience ever. I changed to a simple theme, still no tabs. I downloaded the previous version 88, but it will start a new profile. I just want where I was 2 hours ago. I'll attach an image of the left upper screen with the blank tab bar.

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!

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?

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

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, it is enough to search "version 89 visuals" in the help forum to find dozens of topic complaining how awful it looks, and the reduced functionality, content on screen and efficiency.

Luckily in one of the threads I found solution, and links to articles to fix most of the biggest issues:

As a temporary tactic to buy time, you can use a preference to revert the tab bar to its older appearance. This is just for Firefox 89, so you have a month to keep an eye out for the next workaround. To set that up: (1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk. (2) In the search box in the page, type or paste proton (or full browser.proton.enabled) (3) Double-click the preference to switch between true (new Proton style) and false (old Photon style) Since this was kept in just for testing, there might be some occasional glitches.

Here the options I changed - set false to all.

   browser.proton.contextmenus.enabled
   browser.proton.doorhangers.enabled
   browser.proton.enabled
   browser.proton.modals.enabled
   browser.proton.places-tooltip.enabled

+ even further reduction of the spaces -> browser.uidensity -> 1

I expect the new Proton view is inspired by touch screens - and is more optimized for tablets, giving more space around individual options, with extra space around them - to make sure you hit the right option with your finger. The downside is we get less visible options on the screen, as now each option takes more space - and it is absolutely awful and less visible for people using desktop mode, and using the more precise mouse and/or keyboard.

And here a list of the problems and annoyances in V89, and why they are a problem (and these are only the ones I noticed so far - attached is a screenshot collage of the issues.

1. Tabs which play audio no longer show that they play audio, unless I hover on top of them - which is a big problem if you have 20 tabs, and are searching which one auto-played some audio. In the previous version each tab playing audio had the audio icon on top of it. 2. My bookmarks take much more space on my screen, and while previously I organized them to fit perfectly to it, now are going outside of it, and I have to (unnecessarily) scroll to find more. 3. On YouTube There was a "delete video" button next to each video in my "watch later" list, and I was able to quickly delete the watched ones. Now I have to click on the 3 dots, and then on the trash bin button to delete. Much slower an annoying. Return to the old vision (sadly I cannot find a way to fix this yet)

This totally failed visualization must IMMEDIATELY be reversed, and you must add option in the VIEW menu - which switches between the old DESKTOP view (version 88 style), and new TABLET view (V89 style).

And it must not be allowed that you disable the browser.proton.enabled option in the next update, as this will force us to use only the new awful view, and give us 3 options:

1. Revert to 88. I have already backed up my profile, and downloaded it, in case V90 ruins the view permanently. This also opens us to security risks - so I can allow this for no more than 2-3 months, in hope you fix this fail. 2. Switch browser. Move to Vivaldi (which I use at work) or Brave, if you refuse to fix the fail. 3. Accept the awful view - not going to happen to me. I am using Mozilla since Netscape, but this fail is infuriating enough to make me switch if made permanent / even worse.