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

Prior to FF97 a simply setting to "false" the about:config, print.tab_modal.enabled setting allowed FF to always use the system dialog box when printing. However, in FF97, this is no longer the case. How can I set FF97 to always use the system print dialog box??

I almost always use Preview printing on my Macs to avoid multiple pages of garbage so this is fairly important to me...and it might help to save a few trees...

I use the userChrome.css file to take the search bar from the bottom of the screen and have it float. Here's the instruction that I use ... .browserContainer > findbar {-moz-box-ordinal-group: 0; position: fixed !important; }. Firefox 107 has made that .css instruction non-executable. If I text out the instruction I now get the search box at the bottom of the screen. I want it back to a floating search box. Is there a fix in 107 so I can use my .css file or is there another way to get the search box floating. Regards

I live with Firefix always in full screen. I Don't like seeing any bars or buttons of any kind.

Befor the latest update, when I moved my mouse to the top of the screen my tabs popped down and in the top right corner was the standard icons for "minimize" "maximize" and "exit".

With the latest update the tabs are there but the 3 buttons have gone.

If I exit full screen (F11) then they are there again, but I dont want to have to exit full screen every time I change between programes which I do every few mins. I'd be popping pages in and out of full screen every few mins!

How do I get the buttons back all the time?

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 just updated from Firefox 96.0.3 to Firefox 97. When I try to print I get the Firefox preview, even though I have print.tab_modal.enabled set to false. Please fix it so that I can get the print system dialog without going via the Firefox preview. Note that I have now reverted to Firefox 96.0.3 and won't update from this unless the problem is fixed.

hello

1) I've been trying to change the console colours for the web developer console using userChrome.css, but I have failed. I want to set the background for console.info text to be light blue while the text color to be bold dark blue font. I would like to have it only in light theme. Also I would like to change the font size of the console for both themes.

2) Is it possible to change the folders of bookmarks to yellow. I read there are SVG. I tried to solution that are meant to change the folders to yellow, but failed. Can someone point me to a dummies guide for a solution.

The first one is the more important issue.

Thank you in advance

I have been fighting with Xfinity.com for too long now over a "rendering error occurred: invalid time value" message when I log in to their billing function for my account. I am using a Windows 7 PC with whatever Firefox version is the most current.

Among the responses from their "experts," I see something that has to do with "browser add-ons may be causing your problem."

I have looked at my Firefox settings > manage your extensions as well as settings > manage your plug-ins. Under Extensions enabled I have 2: Norton Safe Search and Norton Safe Web. Under Plug-Ins enabled I have OpenH264 Video Codec and Widevine Content Decryption Module. That's all. Could any of these be causing the problem?

Does this "rendering" error have anything to do with Javascript? (I thought Firefox did not support Java so never paid any attention). If it does relate to Javascript, how do I fix my Firefox browser settings to enable it for the Xfinity.com website to see if that fixes anything?

This is so incredibly discouraging.

I love Firefox!!! But ..

After I updated I an no longer see the bottom 20% of the text in my All Bookmarks->Bookmarks toolbar where my toolbar only displays the text of the drop down name.

It seems to be a recurring issue where new versions really mess up the spacing in the drop down menus of the toolbar mostly (not this time).

My menus are just Perfect now .. although I'd love for the menus shown in the 'manage bookmarks' window to have Exactly the same spacing as the Firefox toolbar menus (the 'manage bookmarks' window has Much larger spacing and is a bit of a pain to use due to this).

Here's my no doubt primitive userChrome.css

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 3px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

#placesList treechildren::-moz-tree-cell-text {
  font-size: 11px !important; 
}
#placesList treechildren::-moz-tree-row {
  max-height: 10px !important; 
  padding-bottom: 0px !important;
  margin-bottom: -3px !important
}

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, I spent several hours trying just to change the color of the downloads icon (thought it would take me 1 minute). First I tried to do it myself, then searched the internet. From what I found on the internet, some stuff doesn't work, some works partially and in an unexpected way, most of it is difficult to understand and modify. Finally I give up. Please, is it possible to make white the download pie and the arrow thing (when the download is finished). That's all I ask for. If possible, without using the var-- stuff, just using fill: or filter: or some other straightforward functions.

When I upload an image with Firefox, it typically shows a red tint. I've seen similar reports from decades ago so I disabled `gfx.color_management.mode` in `about:config`, but that didn't help, even after restarting the browser and the computer. I disabled a couple of related settings, but that also didn't help. What else could I try?

Now that extensions are hidden behind the puzzle icon, I can no longer control any of them directly. Case in point: Ghostery. I can't access the app to change its parameters, but can only turn it on and off. Why can't I move these extensions directly to the menu bar, where I can see them and manipulate them?

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!

Hello, I have been using Firefox as my main browser for more than a decade. One could say i am some Mozilla fanboy, having convinced many of my friends and relatives to use Firefox instead of any chrome based options (Which there are to many these days). It struck me today, as i was reworking some workflow elements in many programs i use daily, that it is impossible to change any key binding in Firefox anymore. I know it has been a while now, and i searched all over the web for an answer or a solution, but at this point it is clear that other than going in the code and recompiling Firefox manually, it is not possible. I stumbled upon the (only) extension that allows to change some shortcuts, but the two that i wanted to change are impossible to configure from it, being disabling only f12 as i would use it for other things but i do not want to lose the dev console and also ctrl+L to open the address bar, it is quite inconvenient and would much prefer to use ctrl+spacebar as it matches many other bindings i am using with other software. There have been many other features that were changed in the recent years that made me start to look for an alternative, as i see features melting away almost as quickly as the user base of the product.

I do understand that one person's problem is not going to change the way a big piece of software is working, but i am wondering, why are the users losing such features as basic as customizing key bindings in a piece of software that used to be so incredibly customizable in the past? Why is the only viable option to anything chrome based losing it's edge over the competition? Is Firefox v150 be based on the chromium engine or will it die before?

Thank you in advance, and no, i don't need the link to the shortcut page, i already have it.

Is there a way to permanently disable red underlining from Firefox spell check? This has only started occurring since an update to Firefox 110 (now on 112), but there seems to be no way to make it go away. I've unchecked the spelling box in preferences, and killed off things in about:config:

extensions.spellcheck.inline.max-misspellings 0 layout.spellcheckDefault 0 services.sync.prefs.sync.layout.spellcheckDefault false services.sync.prefs.sync.spellchecker.dictionary false

I'm using Mac Monterey, and have the global spell check turned off for that. This seems to be a problem specific to Firefox, as it doesn't happen in Chrome (spellcheck off) or Safari. I'd like to remove this entirely, since it's distracting to have it second guessing me whenever I'm typing. The main reason I use Firefox is that it gives me the ability to control many things, particularly in combination with UBlock, but I'm unable to make any progress in removing this persistent work disruption.

The minimum size of the Library panel has been getting larger and larger. It can no longer be resized so that it can be fully visible on the desktop when other windows are open to 1:1 size. The issue first started nine months ago. It was troublesome then, forcing me to use extra hand motions and mouse clicks just to get a fraction of a seconds worth of information.

In other words, Firefox has made it more difficult to retrieve important information that used to be available at a glance. I have determined that Firefox has rewritten their programming to intentionally do this to us. WHY?

Please make the Library Panel box fully resizable again. It is becoming a make or break issue for me. Stop tinkering around. You had perfection, now it is ruined. I do not want the window buried, partially obscured, or on top of any other window. It should have equal rights with other fully resizable elements.

Today, my daughter received a notification that the Dragon Professional Web Extension has been disabled (see attached image). This was done because the extension supposedly executes remote code and collects user data.

My daughter, a mathematics professor, has very limited use of her hands. She is dependent upon Dragon to do her job. This is not something she just likes - she has a disability and she NEEDS it. Disabling this extension will make her job significantly more difficult, and there are capabilities that the extension provides that she may not be able to duplicate with workarounds.

PLEASE, make the extension useable again. This is an accessibility issue for disabled people - it's not just a fun addition to the browser. If necessary, add some sort of acknowledgement checkbox so that she can acknowledge that she is taking some risks in using it.

One other thing. Disabling this extension with no advance warning was a disservice to all disabled people who depend on it. Had this occurred in the middle of a semester, the effect could have been catastrophic. As it is, she may need to spend the rest of the summer trying to figure out how to do her job without it. You have really, really done an extreme disservice here.