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

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

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.

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

I went to a normal retail website, and got this page that appeared to be from Firefox, telling me to download an add-on for security. I declined. but now when I try to go to that website, I get re-directed to some strange websites. How do I fix this?

Starting, I believe, with 12/20/2023 build of FF Nightly, the "Page Info" window has a bizarre alternating highlight on the media tab, and full highlight on the Permissions tab, but no highlight on the Security tab. Other FF windows, like the download/history box, have no issue. I could change Windows theme to dark to invert the all backgrounds to black, and the text to white, but that's just hiding the issue. Nothing in add-ons was changed, and none of them would cause this.

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

I tried eveything but found no way to access the store page of a specific extension, am i missing something?

Searching isnt good if it has a simple name as thounsands show up

Hi there

Can not install google translate on my toolbar. When clicking the "puzzle" to access extensions google translate is there but it's greyed out, thus not accessible, when clicking on it there are no options to pin to toolbar as other extensions have that option, clicking on options if shows "manage extension" " remove extension" and " report extension"

Outlook displays the "To:" and "Add a subject" labels in black/grey text, but the rest of the "New Mail" window is white. There are no visible border lines between the "To" line and the "Subject" line. And no visible border between Subject and the email body.

The side-effect is an elderly person writes their entire email into the subject line field because it is not obvious where the email body starts.

I've seen this behavior on 2 different computers running the same (latest 120.0.1) Firefox. Odd thing is that I DO see borders when I run Outlook.com on my work laptop (same Firefox version). What config settings might control behavior like this?

I captured screenshots of the desired display of borders on my laptop. Tried .jpg, .png and .bmp. All of the files showed the borders between To, Subject and email body. But when those files are transferred to the PC I am on, the borders no longer display. Bizarre. I uploaded/download the files using Onedrive to ensure that the corporate email server was not touching the files. Even then the borders that exist in the files on the laptop do not display when those same files are viewed on my home PC.

I'm using the OneTab add-on, Enabled. The icon no longer shows on the Toolbar, though it is on the Menu bar next to Firefox View.

I ran Remove and then Added it again, hoping the Toolbar Icon would reappear = no go, And I lost all URLs already saved, stupid me. To be clear, clicking the Icon on the Toolbar saves all open tabs.

Is there a fix via Preferences? Thanks. gw

Hello everyone,

to archieve some good old games, I use an special version of Firefox. Firefox (MyPal): 29.2.0, with Adobe Flash preinstalled, Disk-Cache

For most games it will suffice: After loading all content online, it will be available offline too. But... some audio/video files will be saved in memory cache - %temp%\mozilla-temp-files\*[random-auffix] - instead of in disk cache. After closing session they get deleted and after restart they are saved again, with another suffix.

Sample file: http://arcaneonlinegame.epizy.com/Arcane/frames_files/midi/Ophelia's Journal.mp3 that is shipped with http://arcaneonlinegame.epizy.com/Arcane/Arcane.htm

How can I tell Firefox to permanent save streamed audio/video files, like Firefox does with everything else? In the end the music should play if I open the browser offline too.

Thank you in advance for your help. Drago

On my old iMac, Firefox remembered sites I had visited and filled them in, like if I typed A it would autofill Amazon. This is not happening on my new 2023 iMac and I can't figure out how to turn this on. Also, I could see my site visit history on my old iMac, but this field is blank, with no history of sites visited shown, on my new machine. Help is appreciated. Please keep in mind that I am technically retarded and need step by step guidence. Thank you in advance for your help

I am using Firefox 123.0.0 (rel. 20-Feb-2023) on a Win 10 Pro v22H2 computer.

I understand that FF123.0.0 is supposed to include a new option to "Report Broken Site" on the menu (hamburger icon) that is described in the support article How do I report a broken site in Firefox desktop? but I can't see this new option. I also checked the menu options under More Tools and Help but can't find it.

Exiting and re-opening Firefox didn't solve the problem.

How can I disable the ctrl+t shortcut? I have tried using the Shortkey add-on, but it will not touch the ctrl+t shortcut. It works for everything else, just not that one. I've been told I can modify the browser.xhtml file inside the omni.ja file, but I am finding that almost impossible. Has anyone managed to do this?

New computer, Win 11 and FF 120.0.1 all fresh installed and updated with latest versions. The double line spacing in bookmarks and all other menus is back. There was a fix for ver. 89 with the css file trick, but that DOES NOT WORK with this version. All other options I've run across don't work either. Why do the Mozilla software engineers think it's a good idea to break their flagship application every few years? Rhetorical question, I know.

Does anyone have a user fix that actually works with this FF 120.0.1 version? Something an experienced user can do that is not a programmer. analyst or engineer? I've been using FF since it first came out to challenge Microsoft's IE. Late '90s? I'd like to keep using it but this is too annoying to tolerate.

If anyone can help with step by step instructions, I would be eternally grateful.

Is it still possible to configure userChrome.css to have the URL field in the Firefox 'Add bookmark' window? Also, is userChrome.css configuration going to be used no more in future releases? If yes, then how will we be able to customize, for example, fonts in Library, side bar and context menu?