Firefox Community Forum

Hi All,

I would like the content area of my tabs moved up so that the box is filled with the actual tab color, without the white background, and also the text will be vertically centered. Right now, the text is dropping too close to the bottom of the tab.

Had this looking very nice in FF 88 with the same code, as you can see in the attached images, but it seems to render differently in FF 115 ESR and FF 125.

Below is some code I used to style the tabs, but the problem exists without this code as well.

I've also included some "tabs on bottom" code I'm using as well at the very bottom.

Would sure like to get those Classic Toolbar Buttons working again too (shown in the second image), but that will be a later request :)

Any help is appreciated.

Thanks!

/* Highlight non-selected tabs on mouseover */ .tabbrowser-tab:not([selected]):hover .tab-content {

  background-color: #dbe3eb !important;

}

1. TabsToolbar {

 -moz-box-ordinal-group: 3 !important;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 height: 25px !important;
 background-image: url("bkmr_back.gif") !important;
 border-top: 1px solid #afc0d2 !important;
 border-bottom: 1px solid #8698aa !important;

}

/* Background color of selected tab */ .tab-background[selected="true"] {

   background-attachment: none!important;
   background-image: none!important;
   background-color: #eef5fc !important;

}

/* Background color of non-selected tab */ tab-background:not([selected]) {

   color: #000000 !important;
   background-color: #c7d3e0 !important;

}

/* Border color & bold text for selected tab */

1. TabsToolbar .tabbrowser-tab[selected] {

   font-weight: 700 !important;
   color: #000 !important;
   border-top: 1px solid #8698aa !important;
   border-left: 1px solid #8698aa !important;
   border-right: 1px solid #8698aa !important;

}

/* Border color & normal text for non-selected tab */

1. TabsToolbar .tabbrowser-tab:not([selected]) {

   font-weight: 600 !important;
   color: #000 !important;
   border-top: 1px solid #afc0d2 !important;
   border-left: 1px solid #afc0d2 !important;
   border-right: 1px solid #afc0d2 !important;

}

/* -------------- TABS ON BOTTOM --------------- */ /* TABS: below nav-bar - updated for 89+ | 108+ | 113+ */

• |*:root {

 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 25px !important; /* adjust */
 --tab-min-width:  80px !important; /* adjust */

}

1. navigator-toolbox #TabsToolbar {

 position: absolute !important;
 bottom: 0;
 /* height: 27px !important; */
 height: 28px !important;
 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;

}

/* TABS: HEIGHT */

1. tabbrowser-tabs,
2. tabbrowser-arrowscrollbox,
3. tabbrowser-tabs .tabbrowser-tab {

 min-height: var(--tab-min-height) !important;
 max-height: var(--tab-min-height) !important;

}

.tab-stack {

 height: var(--tab-min-height) !important;

}

1. TabsToolbar {

 height: var(--tab-min-height) !important;
 margin-bottom: 0px !important;
 /* box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*optional*/
 /* background-color: var(--toolbar-bgcolor) !important; */
 color: var(--toolbar-color) !important;

}

/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {

 width: 40px;

}

/* Override vertical shifts when moving a tab */

1. navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {

 padding-bottom: unset !important;

}

1. navigator-toolbox[movingtab] #tabbrowser-tabs {

 padding-bottom: unset !important;
 margin-bottom: unset !important;

}

1. navigator-toolbox[movingtab] > #nav-bar {

 margin-top: unset !important;

}

/* hide indicators and caption buttons */

1. TabsToolbar .private-browsing-indicator {display: none !important;}
2. TabsToolbar .accessibility-indicator {display: none !important;}
3. TabsToolbar .titlebar-buttonbox-container {display: none !important;}
4. TabsToolbar #window-controls {display: none !important;}

/* -------------- TABS ON BOTTOM --------------- */

I just updated to the latest version of Firefox, and all of a sudden I have a new icon, Extensions, that looks like a puzzle piece, I cant seem to be able to remove it....at all.

Hi All,

Is there a way to replace the navigation icons on the context menu with their text-only counterparts?

I've tried the following code segments which provide less-than-optimal results.

This one which worked in FF 88, now removes the icons, but leaves 4 blank buttons in a row with no text...

#context-back image,
#context-forward image,
#context-reload image,
#context-stop image,
#context-bookmarkpage image {display: none !important;}}

This one completely removes the options, but I would like to keep them, and replace them with their text counterparts

#context-navigation,
#context-sep-navigation {
   display:none !important;
}

Please see attached images for the before and after of what I'm trying to achieve.

Might be nice to have the blank icon column to the left of these 4 items so they all line up with the items below, but I can live without that if it's not possible.

Any help is appreciated!

Trying to recover from a hard drive crash. Had to buy a new desktop with Windows 11 Pro (looking to be a bad move). I downloaded/updated to Firefox 126.0 (maybe also looking to be a bad move).

Have my last "working" userChrome file (it took me weeks to perfect this to my needs).

I am looking for: C:\Users\<user>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile>\

but there is no "AppData" folder. And there is no existing userChrome.css file, anywhere!

Is the functionality I am looking for a thing of the past?

Is Firefox not completely supported by Windows 11?

If so, what is the last version of Firefox that will still support userChrome.css?

Embedded videos missing in Firefox but show up in Microsoft Edge. How to fix it?

Example: https://scheerpost.com/2024/03/09/you-are-betraying-your-ancestors-a-message-to-joe-biden-from-the-graveyard-where-his-ancestors-are-buried/

I've just switched to firefox from brave, and theres no button on twitch to enable picture in picture. Using the keyboard shortcut (cmd+option+shift+]) works, but I'd much rather click something on the screen. On brave there used to be a picture in picture button alongside settings, theatre mode, and fullscreen buttons, but on firefox this has been replaced by a clip button. There's no option for it if I right click (this works on youtube), and no option in the address bar for either twitch or youtube. I've tried disabling all my extensions and lowering protections but nothing seems to work.

How can I completely remove the tab bar and regain 3/4 of an inch of screen space. It would be nice if Mozilla would just have a on/off button for it. I've tried creating a folder called Chrome within my Firefox Profile folder. I then created a text file within that folder and named it userChrome.css. I put this string in the text file #tabbrowser-tabs { visibility: collapse !important; } This did not work, does anyone know the best method for getting rid of the annoying tab bar?

Thank you

Hi All,

I would like to change the url border color when it has the focus to blue.

The code below works, except when you press Escape.

After hitting Escape, the urlbar still has the focus but its border changes back to gray. It should remain blue.

I would also like to remove the box-shadow after pressing Escape, when the urlbar is not expanded (to mimic the behavior of FF 88).

The url and search input fields also do the same goofy thing Windows 10 does - the cursor stops blinking after 5 blinks and remains frozen. Any way to remove that behavior and keep the cursor blinking? If not, no big deal, the other stuff above is more important.

Any code suggestions to get that behavior are welcome!

/* set the initial borders of the urlbar and search bar to gray */
#urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar { border: 1px solid #a1a6b5 !important; outline: none !important; border-radius: 0px !important; }

/* set urlbar border to blue when focused */
#urlbar[breakout][breakout-extend] #urlbar-background {
   border-color: #0078d7 !important;
}

New addons on Firefox become blank on restarting the browser.

They return when I manually disable and enable them once.

How to fix this? Doesn't happen to older addons.

SLES 15.5 QU2 in Mozilla Firefox 115.8.0esr was not supporting window.close() even i added user_pref("dom.allow_scripts_to_close_windows", true); in user.js and prefs.js

Every time I restart firefox, my spellchecker languages disappear, leaving me only with one - the addons are still installed, they're just not available to be selected. Even now I can't spellcheck in english. Please help.

I have Firefox on Windows, Linux, and Android. Anytime I use Firefox on a desktop, it sends me to Tornado Alley in Kansas. However, I am not in Kansas, and I don't have dog named Toto either. I am in the Detroit area. If I use other browsers, I don't have this problem. It only happens on desktop computers. On my cell phone it shows the correct location. I have already done the simple troubleshooting measure (for a year now: clearing cache, uninstall, reinstall, etc...) and NOTHING removes me from this Tornado Alley, Kansas location on the Firefox browser. If I use Chrome, Opera, Edge, etc... I don't get this problem. It must be something in the Firefox program.

Sorry, posted recently and had then trouble finding out how to respond to help offered (jscher2000)! Noticed that the email version was "no-reply" so I didn't figure that would work! So, I tried to 'cut and paste' my reply (on a smartphone) and I ended up losing even the email reply text so here is a reconstruction. I tried the suggestions in order and the first one didn't have a "Restore previous session" option and the second one had "Recently closed windows" greyed out! And, when I entered "about.support" in the address bar (top rightish), I received a notice that I couldn't reach Google (Remember that I don't currently have internet access on my laptop). So, no joy there either! Can I not just change some current setting to prevent Firefox v 115.9lesr from saving the current 'Windows' and Tabs so that, when I again open Firefox, the previous session 'Windows' and Tabs would be used?!?

Hello there, Iam facing a problem with changing Firefox homepage background. I tried every solution, tutorial, oldposts etc. nothing seems to work, here is what I tried. -1- The chrome folder is in the right folder. -2- the naming of both CSS files userChrome, userContent. -3- enabled CSS files at startup -4- search for both CSS files in the browser toolbox for some reason I cannot find both CSS files, even though they are in the chrome directory. Also, I have 2 chrome folders one of them is located here. "AppData\Roaming\Mozilla\Firefox\Profiles\shaf5qn0.default-release\storage\permanent\chrome" the other one I created myself which is here "AppData\Roaming\Mozilla\Firefox\Profiles\shaf5qn0.default-release\chrome" I tried to delete the first one but I cant, I get an error that this file is being used even though I did close Firefox. What I am missing here?

Whenever I log on to my bank's web site, I'm sent an audible signal that invites me to start a chat session with a bank agent. The problem is that the audible alert is so loud that it startles me. This is very annoying. I called the bank's help line and was told there was no way they could adjust the sound volume. I would like to know if it's possible for Firefox to decrease the volume for that web site.

How do I stop firefox from automatically downloading files from the internet when I click on them - without even asking me if I want to download them in the first place. In "Applications", selecting "Always Ask" in "Choose how firefox handles files etc" does not work. Firefox never asks. If it cannot be disabled, I will have to stop using Firefox.

I always want the address bar suggestions to start with my bookmarks. Is there a way to control the results? I remember there was something in about:config previously.

There used to be an extension called "IE Tab". It allowed you to right click on the link, and open the site in a tab, using Internet Explorer, for sites that didn't work properly in Firefox. I was wondering if anybody knows of any similar extension that would do the same for Edge? I can't open Twitter (X) using Firefox anymore, but I can open it using Edge. I don't like Edge (obviously), but I have no choice. Thanks in advance!!!

Can I get an explanation for what this does

link text

Is it supposed to do something different than the windows taskbar mouse thumbnail

link text

I saw no difference when enabled.

Hi all!

I am using Firefox Multi-Account containers with Firefox 120.0.1 (64-bit) and the New Outlook desktop client with Windows 10(*). I have more than one Office 365/Outlook account, so I use different containers for each account.

Whenever I click on any link in New Outlook, it opens in one of my Firefox containers rather than in a default No Container tab.

Unfortunately, it opens in a container where I am logged into a different Office365 account than the one I use for the desktop client. This means any Office or organisation-specific links fail to work unless I copy and paste the link across.

Is there some way to force Outlook to open these tabs as No Container?

Thanks, penguinoid

(*) I'm using a university owned/managed computer and they've disabled the option to update to Windows 11