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.

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/

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.

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

Using Firefox 106.0.4 on W10.

Hi, no matter what I try and do: Tools / Settings / Home / New Windows and Tabs - I cannot change Homepage and New Windows to either a custom URL or Blank Page?

This just started a this week - a few updates ago.

I can & have changed New Tabs using New Tab Override (using it for years)

Any help or ideas appreciated, thank you.

J

I am trying to change the keyboard shortcut of the Tools → Downloads menu (opening up the downloads).

I accidentally click that sometimes and it is quite annoying, so I thought I'll switch the shortcuts to a more complex one to avoid these mistakes ^+⌘+J and when I remap that in the Keyboard preferences, the new shortcuts shows up in the menu, and it starts working but the old shortcut ⌘+J is still working.

I believe that is a bug in Firefox.

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?

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

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 installed TotalAV webshield & now firefox won't open full screen. I disable webshield, Firefox opens full screen. BUT I use webshield on chrome with NO ISSUES. I contacted TotalAV, and they said the issue is with Firefox. So...why is Firefox having an issue opening fullscreen when I enable webshield?

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.

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"

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

I want to re-order the add-ons / extensions in the toolbar shared with the search bar. Customize toolbar only has functions/icons related to the operation of Firefox. I want to customize the extensions toolbar, but how?

In the add-ons page, I can remove, disable, or enable extensions, but I cannot change the order of them.

As an example, there is an add-on for my Firefox account that is leftmost in the bar of extension icons. I would like to move it all the way to the right. Again, how would I do that?

Thanks for your help.

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.

The Backstory: As a graphic designer, I save things from the web all the time--stock websites, client downloads, all that jazz. Because I have a ton of clients, I have the "Always Ask You Where to Save Files" option selected, and it usually does a pretty good job of remembering where I want to save stuff.

However, I've encountered a crazy bug in the last month: When I save images--jpegs specifically--from Adobe Stock, it will pop up the "where to save" window, and it will be a certain client's folder. (For clarity, we'll call this Tammy's folder.) I'll navigate to the new location I want to save assets for the current project I'm working on (let's say this is Mike's folder). Then I'll download another jpeg for Mike's folder from Adobe, but it will start me back in Tammy's folder again. This means I have to re-navigate to Mike's folder, every single time I want to save anywhere other than Tammy's folder.

Here's the weird thing: When I save .ai/vector files from Adobe stock, it remembers the last folder I saved an .ai/vector file to. Same for .pngs and other file types. On other stock websites, it will also remember, whether they are jps, zips, svgs--it works fine. It's JUST jpegs (not jpgs) from Adobe Stock.

I've tried clearing cookies, data, resetting the download location, rebooting my computer in between all the changes, and even going into the about:config to try to fix it that way. Short of uninstalling/reinstalling firefox, are there any other solutions I should try?

Thanks!

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?