Prikaz označenih pitanja: Prikaži sva pitanja
  • Riješeno

userChrome.css - Help With Customizing Tabs (part 2)

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 ve… (pročitajte više)

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

Asked by Slouch prije 3 sedmica

Answered by Slouch prije 2 sedmica

Replace context menu navigation icons with text only

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-… (pročitajte više)

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!

Asked by Slouch prije 1 sedmicu

Last reply by Slouch prije 1 sedmicu

  • Riješeno

Change URL border color when focused

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… (pročitajte više)

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

Asked by Slouch prije 1 sedmicu

Answered by jscher2000 - Support Volunteer prije 1 sedmicu

  • Riješeno

Add-on no longer on Toolbar

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, … (pročitajte više)

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

Asked by metaguy prije 1 mjeseci

Answered by zeroknight prije 3 sedmica

  • Riješeno

Move Tab Icons (favicons) up 1px

Hi All, For some reason my tab icons look a little low, and I would like them more vertically centered. I've been trying to move these icons around using some older cod… (pročitajte više)

Hi All,

For some reason my tab icons look a little low, and I would like them more vertically centered.

I've been trying to move these icons around using some older code that doesn't seem to work anymore.

The code below no longer has any effect.

Does anyone know how to move the tab icons up 1 pixel?

Thanks!

/* padding doesn't move them */
.tab-throbber, .tab-icon-image { padding-bottom: 4px !important; }
/* margin doesn't move them */
.tab-throbber, .tab-icon-image { margin-bottom: -2px !important; }
/* can't even turn the icons off LOL */
.tab-icon-image { display:none !important; }

Asked by Slouch prije 1 sedmicu

Answered by cor-el prije 1 sedmicu

  • Riješeno

Customize Toolbar page does not appear.

When I try to customize the toolbar in Firefox 115.10, the browser tries to change the page to the customize toolbar / overflow toolbar page. However the page flashes o… (pročitajte više)

When I try to customize the toolbar in Firefox 115.10, the browser tries to change the page to the customize toolbar / overflow toolbar page. However the page flashes on and then reverts to the normal browser page. The page showing customize toolbar/ overflow toolbar, is transient and does not last. So I can't even customize the order of the buttons on my toolbar. This wasn't a problem a few days ago before the switch to this latest version. In particular I am trying to change the position of the "home" button to the left side of the address box. I just can't bring up the customize toolbar page. I'm not talking about the position of the add-on or extension buttons...just the home button. Hope this is clear. By the way, I've even tried this in safe mode to no avail.

Asked by paulgxi prije 1 sedmicu

Answered by paulgxi prije 1 sedmicu

  • Riješeno

I have the latest FF browser. when i try to access my credit union account, i get this message "You're using an outdated browser or are using a Proxy service which is unsupported." how can i get past this?

I have the latest FF browser. I'm not using any proxy service, just spectrum connection. when i try to access my credit union account, i get this message "Error: "WWF2… (pročitajte više)

I have the latest FF browser. I'm not using any proxy service, just spectrum connection. when i try to access my credit union account, i get this message

"Error: "WWF2TUh4dnM=" - You're using an outdated browser or are using a Proxy service which is unsupported. Please update your browser or turn off your Proxy to continue, thank you."

how can i get past this? All help appreciated!

Asked by drwin prije 1 mjeseci

Answered by drwin prije 1 mjeseci

  • Riješeno

Setting border color for focused URL Bar

Hi All, I'm trying to set the border color for my url & search bars to gray when non-focused, and blue when receiving the focus. The following code works for the se… (pročitajte više)

Hi All,

I'm trying to set the border color for my url & search bars to gray when non-focused, and blue when receiving the focus.

The following code works for the search bar, but the url bar is receiving a separate blue border around the gray border, instead of changing the color from gray to blue.

Can someone suggest how I might set the url bar to blue (just a single border, not the double it has now), both when it has focus and when it's expanded?

Thank you!

/* set non-focused url & search bars to gray border */
#urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar { border: 1px solid #a1a6b5 !important; outline: none !important; border-radius: 0px !important; }
/* set focused search bar to blue border */
#urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background:focus-within, #searchbar:focus-within { border: 1px solid #0078d7 !important; }
/* set focused url bar to blue border */
#urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background:focus-within, #urlbar:focus-within { border: 1px solid #0078d7 !important; }

Asked by Slouch prije 2 sedmica

Answered by Slouch prije 1 sedmicu

How to remove item from preferences>Files and App>Applications

I've had a security breach where a Discord user got access to an email account. I'm going through all computers to make sure there is no malware that might be related t… (pročitajte više)

I've had a security breach where a Discord user got access to an email account. I'm going through all computers to make sure there is no malware that might be related to discord. I found one item in my download preferences that says "discord' but everything I've tried won't allow me to erase it. Any information on what this might be? and how/if I should erase it? (In fact, I don't know what any of the items are in my content types)

Asked by kateharp8133 prije 4 sedmica

Last reply by jscher2000 - Support Volunteer prije 4 sedmica

Are Firefox Menus Different in Windows 7 and Windows 10?

Do Firefox menus appear differently in Windows 10 than they do in Windows 7? In Windows 7, I see the normal system menus - square corners, light blue menu item highlight… (pročitajte više)

Do Firefox menus appear differently in Windows 10 than they do in Windows 7?

In Windows 7, I see the normal system menus - square corners, light blue menu item highlights, 3D column line on the left, dark drop shadow below and to the right of the menu.

In Windows 10 I notice differences - gray-highlighted menu items, rounded corners, no drop shadow, etc.

I'm not using any code to style the menus.

Please see attached images.

Thanks to all who respond.

Asked by Slouch prije 2 sedmica

Last reply by Slouch prije 1 sedmicu

URL bar - highlight color of drop-down selections

Hi All, I would like to change the color of the two highlighted URLs in the address bar's drop down list to what they were in FF 88 - the one that is currently selected … (pročitajte više)

Hi All,

I would like to change the color of the two highlighted URLs in the address bar's drop down list to what they were in FF 88 - the one that is currently selected with the cursor keys, and the one the mouse pointer is over.

The first screenshot below is of the highlight colors in FF 115/125. You can see two different shades of gray, the darker gray being the URL selected with the cursor keys, the lighter gray being the one the mouse pointer is over.

The second image shows the colors from FF 88, the URL selected with cursor keys in blue, and a dark gray for the one the mouse pointer is over.

Any help in modifying these colors, and the radius of the selection is greatly appreciated!

Asked by Slouch prije 1 sedmicu

Last reply by Slouch prije 6 dana

Can't log in to Regions Bank Account. Message: "We can’t locate that page right now."

Can't log in to Regions Bank Account. Message: "We can’t locate that page right now." after typing in password Works fine on other browsers. Problem started Maybe arou… (pročitajte više)

Can't log in to Regions Bank Account. Message: "We can’t locate that page right now." after typing in password Works fine on other browsers.

Problem started Maybe around mid April. Have 5 computers: 2 running Windows 10, 2 running Windows 7 Professional, 1 running Linux

Problem occurs only on the computers running windows 7 Professional

Regards.

Asked by HBR Firefox VPN prije 1 sedmicu

Last reply by HBR Firefox VPN prije 3 dana

Free Antivirus, AVG no longer supports Firefox

I have used Firefox for years and had AVG free antivirus installed also for years. Tonight I had a popup window open from AVG informing me that AVG no longer support Fire… (pročitajte više)

I have used Firefox for years and had AVG free antivirus installed also for years. Tonight I had a popup window open from AVG informing me that AVG no longer support Firefox and have uninstalled their antivirus addon with immediate effect.

Does anyone know of a Free antivirus program that is any good and still supports Firefox?

Asked by mac_rame prije 6 dana

Last reply by jonzn4SUSE prije 6 dana

Browser crashes on opening certain filetypes (notably PDF)

Hi everyone, I'm running Firefox which I compiled with vaapi support because I was trying to use hardware acceleration for videos, so I think this bug may have something… (pročitajte više)

Hi everyone,

I'm running Firefox which I compiled with vaapi support because I was trying to use hardware acceleration for videos, so I think this bug may have something to do with that. Every time I open a pdf file my browser instantly crashes. When I use troubleshoot mode I have no such issue. I then tried with a fresh all-default user profile with no add-ons, nothing, and still I crash when loading a PDF. Any pointers would be appreciated.

Asked by jethro.rosette prije 2 sedmica

Last reply by jonzn4SUSE prije 1 sedmicu

Firefox can’t establish a connection to the server at wss://gateway.discord.gg/?encoding=json&v=9&compress=zlib-stream.

I've been trying to connect to discord for a while, left it on for 2 hours and hasnt loaded. when i opened the console log, all it said was "Firefox can’t establish a con… (pročitajte više)

I've been trying to connect to discord for a while, left it on for 2 hours and hasnt loaded. when i opened the console log, all it said was "Firefox can’t establish a connection to the server at wss://gateway.discord.gg/?encoding=json&v=9&compress=zlib-stream" all over. Please help.

Asked by uyhgjigy prije 2 sedmica

Last reply by uyhgjigy prije 2 sedmica

Tab/Program Brightness

Hello support, is there any way (other than the one plugin I found that did not work for some reason) to adjust firefox' general brightness (or that of an individual ta… (pročitajte više)

Hello support,

is there any way (other than the one plugin I found that did not work for some reason) to adjust firefox' general brightness (or that of an individual tab) ?

Also changing my monitors brightness would not work for me as I am trying to test a website I develop (using firefox to visualize it) and it is rather just the large difference between my editor (which's brightness you can not adjust) and the browser that is very unpleasent when I switch back and forth (like when trying to fix a bug).

Kindest regards.

Jonas Behr

Asked by jonas.behr prije 3 sedmica

Last reply by cor-el prije 2 sedmica

Mozilla Firefox ESR notification of infection

My Windows virus protection shows nothing but I keep getting notices int he lower right corner of my screen that say Mozilla Firefox ESR and tell me there is an infection… (pročitajte više)

My Windows virus protection shows nothing but I keep getting notices int he lower right corner of my screen that say Mozilla Firefox ESR and tell me there is an infection. It tries to take me to a website to scan and then buy McAfee to fix it. If I make sure Firefox is shut down (forced through Task Manager) it seems to go away. It appears that only the Firefox browser may be infected.

Asked by kirk20 prije 2 sedmica

Last reply by cor-el prije 2 sedmica

  • Riješeno

disable "search with" drop down

using firefox 115.10.0esr (64-bit) I want to disable this redundant dropdown there is a post here from 6 years, but dont dolve my problem, I dont want to disable or sepa… (pročitajte više)

using firefox 115.10.0esr (64-bit)

I want to disable this redundant dropdown there is a post here from 6 years, but dont dolve my problem, I dont want to disable or separate the seach and the url bar, i just want to get ridoof this redundant information, just for curiosity, if i disable search or separate the bars, i still get the anoing dropdown but with "Visit" instead of "Seach with"

Asked by Alex F Ferreira prije 6 dana

Answered by cor-el prije 6 dana

Nav-Bar Left & Right Margin Adjust? (nav buttons are not all square)

Hi All, Is there a way to make the Nav Bar flush with the left and right margins of the browser? The way it is now, the margins are a bit too much inward, not reaching … (pročitajte više)

Hi All,

Is there a way to make the Nav Bar flush with the left and right margins of the browser?

The way it is now, the margins are a bit too much inward, not reaching the ends of the browser window, which makes the buttons on the ends (Back and Hamburger) too wide, as can be seen by the wide highlight when hovering over them. This makes the end buttons rectangular instead of square.

In FF 88, these buttons were flush with the left and right margins of the window, making all buttons on the Nav Bar square.

I'd like all the Nav Bar buttons to be perfectly square and symmetrical. This apparently requires adjusting the left & right margins of the Nav Bar... or is the Nav Bar just too short causing it to stretch itself to the ends of the window? I'm not sure.

Please see attached 2 images.

Thanks!

Asked by Slouch prije 4 dana

Last reply by Slouch prije 4 dana

Menu Padding Code Works in FF on Windows 10 but not in Windows 7?

Hi All, Any idea why the menu code I'm using below to reduce padding in menu items is only affecting Firefox in Windows 10, but not in Windows 7? Please see attached im… (pročitajte više)

Hi All,

Any idea why the menu code I'm using below to reduce padding in menu items is only affecting Firefox in Windows 10, but not in Windows 7?

Please see attached images.

It's a very strange anomaly. This is true for both FF 125 and FF 115 ESR.

Thanks to all who respond.

/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/ /*

*
* why doesn't this affect the Firefox menu bar in Windows 7?  only in windows 10?
*
*/

menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu {

 padding-block: 0px !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;

}

Asked by Slouch prije 2 sedmica

Last reply by Slouch prije 2 sedmica