Forum Asistence për Firefox

With the dark mode of Firefox on Windows 10 desktop it is IMPOSSIBLE to see which of the several tabs is the one that is open.

I work with tabs not windows as I always need to see all the pages/websites open that I work with in one view, and so it is a hassle and nuisance NOT to be able to tell which tab is active, having to click through each one or guess.

It's one of those small yet significantly impacting on the user experience things which one would have thought by now Firefox developers would fix.

The ACTIVE tab needs to be in different colour may be on a yellow background with dark font so that people can EASILY find it with several tabs open on the screen.

Any thoughts on this? is there perhaps an option to enable it - which I am oblivious to?

thanks

What it says on the tin, booted up my computer, started Firefox, had it apparently update and then the tabs were suddenly like this. It's functional and just looks weird, I guess, but it really bothers me. Any way to fix it? Thanks in advance!

hello i have around 30+ themes and i want to delete all of themes (because i want to keep the favorite ones ) but if i delete them one by one takes time , is there any option to delete them all at once i haven't found anything on internet

Locking this thread.
Please continue here: [/questions/1413749]
How to use same add-ons two or multiple difference version in same Firefox version without separate profiles? When i tried with difference version, then remove another version, i want to use 2 version in same firefox profile.

When I type about.config in the address bar, I just see search results for it, instead of going to the config page. I tried enabling a separate search bar in settings, and also turned off all suggestions, but that did not help. I still see the spyglass search icon on the address bar. How do I get past it?

I have been using code (stored in the Chrome folder of my profile) to keep the 'open application menu' pancake button on the left end of the toolbar. After I updated to version 113.0.1 today, I see that button shifted back to the right end of the bar. I do NOT want it there. Can you fix it so the code will work again? Is there alternate code or some other means to accomplish the same end?

The code I've been using is as follows:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#PanelUI-button,
#customization-panel-container,
#customization-panelWrapper .panel-arrow { -moz-box-ordinal-group: 0 !important;}

/* Panel UI */
#PanelUI-button {background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0 !important;}
#PanelUI-popup {margin-right:-350px!important;}
#PanelUI-popup .panel-arrow {margin-right:340px!important;}

/* #PanelUI-quit  #PanelUI-customize  #PanelUI-help */
#PanelUI-footer #PanelUI-footer-inner {direction:rtl !important;}

Accidentally clicked on the Add-ons widget on the right side of the menu bar and now "add-ons manager" web page opens every time I open Firefox.

How do I stop that page from loading?

After update to Firefox 113, the width size of search-engine-textbox on Overflow Menu is no full size anymore.

Before update to Firefox 113 (version 112 or older), the width size is still normal: full size; like search-engine-textbox on Toolbar.

• 5 screenshot:

[1]: Firefox 113, about version, link image: 1-About-version

[2]: Firefox 113, the width size of search-engine-textbox on Toolbar is full size, link image: 2-Search engine textbox - on toolbar - full width

[3]: Firefox 113, customize mode, the width size of search-engine-textbox on Overflow Menu is now full size, link image: 3-Search engine textbox - on overflow menu - customize mode - full width

[4]: Firefox 113, after customize, the width size of search-engine-textbox on Overflow Menu is no full size anymore. The width is so narrow, link image: 4-Search engine textbox - on overflow menu - after customize - narrow width

[5]: Firefox before 113, screenshot of another post (2022-may-04), the width size of search-engine-textbox on Overflow Menu is now still normal: full size.

link image: image on reddit

link post: post on reddit

Please review and restore the width setting, same as version 112 and earlier.

Thanks and best regards!

P.S.: I posted this on " Mozilla Connect > Discussions" at this link: The width size of search-engine-textbox on Overflow Menu is no full size anymore, Firefox 113

I'm on the ESR and just updated from 112.0.2 to 113.0.1. I had text rather than icons displayed on my toolbar. Now the text has vanished and I can't find a way to get text OR icons back. I have a disabled extension Classic Theme Restorer installed, but I thought it was already disabled long ago. In the Customize Toolbar dialog, the unused icons are displayed with text labels. When I drag one to the toolbar, it turns invisible like all the rest.

On 112, I had my css set up to make the status bar hidden and only show the url path when I moused over it in the lower left corner of the window. It also cut itself short to only the length of the url similar to the www.wikipedia.org box in the attached picture. After upgrading to 113, my browser has this black bar at the bottom. When I cleared out my css file, urls would show up in the bar when I moused over them. I've tried a few different css fixes but none of them will get it back to how I had it working in 112. The picture attached is what I'm getting in 113 right now with the css below. the black bar below the mouse over url goes all the way across the window and is always visible. Here is my current css file:

radiogroup:focus-visible > radio[focused="true"] > .radio-label-box {

outline: 1px dotted black !important;

}

:root{ --toolbar-field-focus-border-color: transparent !important; }

:root{ --uc-titlebar-padding: 10px; }

@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){

:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }

}

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,

#TabsToolbar > .titlebar-buttonbox-container{

position: fixed;

display: block;

top: var(--uc-titlebar-padding,0px);

right:0;

height: 40px;

}

/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */

@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){

:root{ --uc-titlebar-padding: 0px !important }

.titlebar-buttonbox-container{ left:0; right: unset !important; }

}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{

order: 2;

-moz-appearance: none !important;

--tabs-navbar-shadow-size: 0px;

}

#unified-extensions-button{

display: none !important;

}

.titlebar-placeholder,

#TabsToolbar .titlebar-spacer{ display: none; }

/* Also hide the toolbox bottom border which isn't at bottom with this setup */

#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */

toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }

#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0

See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */

/* Only really useful if menubar is ALWAYS visible */

:root:not([sizemode="fullscreen"]){ --uc-window-control-width: 0px !important }

:root{

/* height if native titlebar is enabled, assumes empty menubar */

--uc-menubar-height: 22px;

}

:root[tabsintitlebar]{

/* height when native titlebar is disabled, more roomy so can fit buttons etc. */

--uc-menubar-height: 22px;

}

#navigator-toolbox{ padding-top: calc(var(--uc-menubar-height) + var(--uc-titlebar-padding,0px)) !important }

:root[sizemode="fullscreen"] #navigator-toolbox{ padding-top: 0px !important; }

#toolbar-menubar{

position: fixed;

display: flex;

top: var(--uc-titlebar-padding,0px);

height: var(--uc-menubar-height);

width: 100%;

overflow: hidden;

}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 100%; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }

#toolbar-menubar > spacer[flex]{

order: 99;

flex-grow: 1;

min-width: var(--uc-window-drag-space-width,20px);

}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* Status-bar */

#main-window:not([inFullscreen="true"]) > body::after{

display: -moz-box;

content: "";

height: 20px;

border-top: solid 0px #505050;

}

.browserContainer>statuspanel { left: 4px !important; bottom: 0px; transition-duration: 0s !important; transition-delay: 0s !important; }

.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label { margin-left: 0px !important; border: none !important; padding: 0px !important; }

window[inFullscreen="true"] #browser-bottombox { display:none !important; }

window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label { display:none !important; }

#statuspanel #statuspanel-label {

-moz-appearance: none !important;

border: 0px solid black !important;

}

I've been trying to copy an email address someone emailed me. (I use Microsoft Outlook.)

However, when I try to select the email address, Outlook seems to know I've selected it and performs some action, taking me to a different page. VERY ANNOYING!

Sites shouldn't be able to know when you're selecting text - that has nothing to do with them! How do I disable this?

On some websites text selected by dragging the mouse appears with light gray background on white.

• See screenshot "Bad contrast" appended.
• Original: https://edition.cnn.com/2023/05/12/world/largest-cosmic-explosion-scn/index.html

What I did to check for possible local problems:

• Hardware (AMD Radeon HD 6670 connected by HDMI to Acer-QG241Y)

Used monitor color-test (https://www.eizo.de/monitortest/) and fiddeled arround with all color-gradients: all smooth.

• switched off anything I could think of in Firefox (13.0 64 Bit Win 10 (updated today))

Extensions, plugins, themes

So I suspect there is no problem at all with my hardware or software. Just an bad choice in the color design of the websites I visit.

If so, what can I do? Is there any chance to provide some remedy locally? Installing a theme (I don't know anything about themes) or provide a local CCS to override the CSS of the website? (Would not know how to connect such skript to Fx and what to "instructions" to specify inside. But as I understand the idea of CCS correctly, this is an option that it was built for.)

I cannot install the Keeper extension for firefox on version 113.0.1. I get an error "Download failed. check your connection". I have successfully installed the extension on other browsers on the same desktop computer, and on Firefox earlier versions on other computers at home.

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 am trying to have Firefox show an "X" on every tab as soon as I hover above it. I followed a certain article and implemented this code:

/* Show Tab Close buttons only when hovered */

1. tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {

 visibility: collapse !important;
 opacity: 0 !important;
 transition: all 250ms ease-in-out !important;

}

1. tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {

 visibility: visible !important;
 opacity: 1 !important;
 transition: all 250ms ease-in-out !important;;

}

1. tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {

 display: -moz-box !important;

}

This code is however not being implemented no matter how many times I restart Firefox. 'toolkit.legacyUserProfileCustomizations.stylesheets' is set to True The location is userChrome.css is '/home/user1/.mozilla/firefox/yqomjsh9.default-release-1672744596809/chrome/userChrome.css'

What could be the issue? I tried adding executable permissions using "chmod" but that did not change anything.

I have AdBLockPlus (free version) installed and have not had any issues until today. Firefox did some updates and now the Add-In is no longer working. I have checked that it is specifically turned on for the websites I'm visiting and I've tried turning it off and back on to no avail.

I have a premium Pocket account. I have pocket set to display suggested articles on the Firefox 'home page'. Out of the blue several weeks ago I clicked on 'more' to save an article to pocket and the pocket choices did not include 'save to pocket.' The choices given are: bookmark, open in a new window, open in a new private window, dismiss. Also when I move the cursor to 'more' a pinterest 'save' appears beside 'more'. I used to have the pinterest 'save' extension but I deleted it.

How do I get rid of the pinterest save and how can I get the correct 'more' choices, i.e. save to pocket back?

I've done everything I know to do and nothing has worked. At present I am right clicking on the articles I would have saved to pocket (each article to a new tab) and then I use the One Tab extension to save them in a group. I have attached a screenshot.

Thank you in advance for any help you can give me.

When watching videos on streaming services (e.g. Netflix) a "1.0" is placed in the center of the screen. How do I get rid of it? (I don't want it ANYWHERE on my screen.) Thank you for your help.