I-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 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

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

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.

When I open `about:preferences` tab, `Downloads` directory is created in my home directory, despite my downloads directory is different. I've read issue 474718 which states that it was fix but i still experience it. Linux x86_64

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.

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.

I've searched for answers. I tried the About:config and changing some settings to false and others to true as suggested (e.g. browser.search.context.loadInBackground), etc., and of course I have the option chosen under settings.

This is a new computer. My old computer would switch to the new tab when I right click it, but this new one won't.

Any latest fixes?

Greetings, I've checked a few articles in Firefox to help with my question, but none of them are helping. (Here's the main article: http://example.com.) Here's the situation. Say I go to a website's Contact page and click the button to contact someone, a window appears and asks me what app I want to use to open the email. Gmail is my default email, and Firefox is my default browser, and I use Windows 10. When I open the window of options (see attached screenshot) to open the email, and I then click "Choose Other Application" (other than Firefox), I don't see the Gmail app anywhere. I then followed the directions in that link above to check my Windows settings, per its suggestion, which I did ... but in those settings, too, I got to a point where the directions no longer matched what I'm seeing on my screen. I didn't see the Gmail app anywhere. Could you let me know in simple layperson's terms how to open Gmail links in Firefox? I don't have a PhD in computer science, so please keep it very simple. Thanks in advance! Best wishes, Bill

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

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/

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

This again!

This was resolved about a year ago; now the problem is back, as of updating to Firefox 113.0.1 this evening.

Initially post-update the close tab button was in a weird, random place on the tab bar. I have adjusted the margins to put the button back where it's supposed to be!

I changed :

.tabbrowser-tab .tab-close-button {
  opacity: 0;
  margin-left: -4.5px !important;
  margin-right: 2px !important;
}

to:

.tabbrowser-tab .tab-close-button {
  opacity: 0;
  margin-left: -4.5px !important;
  margin-right: 35px !important;
}

to move the button back onto the left. That may seem like a drastic change but that's the lowest value I could find which produced the result I want.

However, it's not quite the result I want! As of updating to 113.0.1, the tab title itself now disappears altogether on hover.

I have tried to correct this in CSS using the .tab-text and .tab-label attributes, but without any luck so far.

Can anybody help me with this, before I'm forced to downgrade to Firefox 112?

Better yet... how about we just make this an option in Settings, as it should be?!

Hello!

I have been using this userChrome.css code to hide the tab bar if there is only one tab (on Windows):

tab:only-of-type, tab:only-of-type + #tabs-newtab-button {

   display: none !important;

}

#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
   min-height: 0 !important;

}

Since one of the recent Firefox updates, this code does no longer work. Maybe because there is a new element in the tab bar: A drop-down list at the right.

Any idea how to make the above code work again?

Peter

Unfortunately, I downloaded “SaveFrom.net Helper” without reviewing it.

Since downloading it I have been receiving a alerts from “McAfee WebAdvisor” about “dangerous pages blocked”.

I was able to remove the “SaveFrom.net Helper” add on in Firefox, but am unable to remove the “Savefrom.net Helper” bookmark tab which has high jacked my normal Firefox Bookmarks.

I can no longer easily see my Firefox Bookmarks and have to keep opening the Firefox Application Menu, then select Bookmarks, then select Manage Bookmarks in order to see my bookmarks.

Can you please advise how I can safely remove the “SaveFrom.net Helper” bookmark tab which has high jacked my Firefox Bookmarks.