Fragen mit folgendem Schlagwort anzeigen: Alle Fragen anzeigen
  • Gelöst
  • Archiviert

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… (Lesen Sie mehr)

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

Gefragt von Slouch vor 7 Monaten

Beantwortet von cor-el vor 7 Monaten

  • Gelöst
  • Archiviert

Double icons on Stop & Reload buttons when using custom icons

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my St… (Lesen Sie mehr)

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my Stop icon.

Please see attached image and animation.

Any idea if this is a minor bug?

Below is my code to split the Reload button into Reload & Stop buttons, then to add text to the navigation buttons, and finally to add icons to the navigation buttons.

This anomaly happens whether or not I split the Reload & Stop buttons. With just a single Reload button, I'm also seeing the default Reload icon appear over my own.

Thank you.

/* ---------- SPLIT RELOAD BUTTON INTO RELOAD & STOP ------------- */
#reload-button, #stop-button {
   display: inherit !important; 
} 
#reload-button > .toolbarbutton-icon {
  -moz-appearance: none !important; 
}


/* ------------ ADD TEXT LABELS TO NAVIGATION TOOLBAR BUTTONS --------------- */
/* Shows both icon and label for toolbarbuttons */
toolbar .toolbarbutton-1[label]{
  flex-direction: column;
  align-items: center !important;
}
toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
toolbar .toolbarbutton-1[label] > .toolbarbutton-icon,
toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
  padding: var(--toolbarbutton-inner-padding) !important;
  padding-bottom: 0px !important;
  height: calc(var(--toolbarbutton-inner-padding) + 16px) !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text {
  display: flex !important;
  min-height: 16px !important;
  padding-top: 3px !important;
  padding-bottom: 6px !important;
  background-color: transparent !important;
  overflow: hidden;
  width: 9ch; /* changes space between buttons */
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text::before{
  margin-inline: auto;
 }
:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; }


/* ------------ ADD CUSTOM ICONS TO NAVIGATION TOOLBAR BUTTONS ----------- */
#back-button {
   list-style-image: url("image/back.png") !important;
   padding-top: 8px !important;
}
#back-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#forward-button {
   list-style-image: url("image/forward.png") !important;
   padding-top: 8px !important;
}
#forward-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#reload-button {
   list-style-image: url("image/reload.png") !important;
   padding-top: 8px !important;
}
#reload-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#stop-button {
   list-style-image: url("image/stop.png") !important;
   padding-top: 8px !important;
}
#stop-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#print-button {
   list-style-image: url("image/print.png") !important;
   padding-top: 8px !important;
}
#print-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#home-button {
   list-style-image: url("image/home.png") !important;
   padding-top: 8px !important;
}
#home-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}

Gefragt von Slouch vor 7 Monaten

Beantwortet von Slouch vor 7 Monaten

  • Gelöst
  • Archiviert

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… (Lesen Sie mehr)

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

Gefragt von Slouch vor 7 Monaten

Beantwortet von Slouch vor 7 Monaten

  • Gelöst
  • Archiviert

Add eyedropper tool to toolbar

the built in eyedropper tool is the simplest and easiest solution to grabbing screen colors without granting file permission to 3rd party solutions for full funcionality.… (Lesen Sie mehr)

the built in eyedropper tool is the simplest and easiest solution to grabbing screen colors without granting file permission to 3rd party solutions for full funcionality. I have power-toys but I hate to see this tool needlessly depreciated. My workflow needs to sample many colors at a time making the menu navigation needless. PLEASE let there be a way to add it to the toolbar, I hope there is. Thanks for your time

Gefragt von bromraven vor 7 Monaten

Beantwortet von zeroknight vor 7 Monaten

  • Gelöst
  • Archiviert

Mouse-click + modifier key to open a link in private mode?

I'd like to be able to open a link in private mode by holding down some modifier key, then clicking on the link. There are many times that I want to open a link in privat… (Lesen Sie mehr)

I'd like to be able to open a link in private mode by holding down some modifier key, then clicking on the link. There are many times that I want to open a link in private mode, and a keypress + click would be the quickest way to do it given that one hand typically remains at the keyboard while I use the mouse/trackpad.

I've even added a toolbar button to open a new private browsing window, then dragged and dropped a link onto the button, but that gets a circle with slash icon and nothing more.

Others have asked this question, so, to be clear, none of the following address my question: copying the link then opening the private browsing window & pasting the link, using a customized shortcut/bookmark, opening Firefox in private mode via command line, right-clicking the link then selecting "Open link in new private window".

Thanks for any advice and thank you, Mozilla, for Firefox!

Gefragt von TAP vor 7 Monaten

Beantwortet von zeroknight vor 7 Monaten

  • Gelöst
  • Archiviert

How to force firefox to start as specific height width?

hi i just got firefox setup just as i want so dont want to reset it. yes i have used arkenfox to beef up pivacy. only problem is i assume fingerprint disabling has made… (Lesen Sie mehr)

hi

i just got firefox setup just as i want so dont want to reset it. yes i have used arkenfox to beef up pivacy.

only problem is i assume fingerprint disabling has made the window size like tor browser.

is there a way via the shortcut to "c:\mozilla\firefox\firefox.exe" -height 1024 -width 1600

does not work

"c:\mozilla\firefox\firefox.exe" -height 1024 -width 1600 -P default

does not work

how do i fix this? using this method? as i would prefer to do this way

alternatively prefs.js / is there a way to do it there?

simple step by step instructions please

your time and help is appreciated.

thx

Gefragt von doop23 vor 7 Monaten

Beantwortet von zeroknight vor 7 Monaten

  • Gelöst
  • Archiviert

userChrome.css - Help With Customizing Tabs

I made a small CSS customization to my tabs in FF 115 ESR on Windows 7, so they would be flat on the bottom and rounded on the top, looking a bit more like tabs instead o… (Lesen Sie mehr)

I made a small CSS customization to my tabs in FF 115 ESR on Windows 7, so they would be flat on the bottom and rounded on the top, looking a bit more like tabs instead of buttons.

Looked ok in FF 115 ESR.

However, in FF 125, half the tabs are now cut off, including their text (see attached images).

Also the tabs background is darker in FF 115 ESR, providing more contrast between the tabs and the tab bar. In FF 125, it's almost all white and I can hardly distinguish between the tabs and the tab bar.

Why is there such a big difference in appearance between FF 115 ESR on Windows 7, and FF 125 on Windows 10?

Here is the code I used...

/* ------------------ RESIZE TAB BAR ----------------------------- */ \#TabsToolbar { height: 27px !important; margin-top: -1px !important; margin-bottom: 0px !important; } \#tabbrowser-tabs { height:25px!important; min-height:25px!important; }

.tab-background-start[selected=true]::after, .tab-background-start[selected=true]::before, .tab-background-start, .tab-background-end, .tab-background-end[selected=true]::after, .tab-background-end[selected=true]::before {

 min-height:25px!important;

} /* ------------------ RESIZE TAB BAR END ----------------------------- */

/* ------------------ TAB HEIGHT ----------------------------- */

.tabbrowser-tab {
 max-height: 25px !important;
 border-color: #8f939e;

}

.tabbrowser-tabs {

 max-height: 25px !important;
 border-color: #8f939e;

} /* ------------------ TAB HEIGHT END ----------------------------- */

I inserted backslashes at the beginning of the first 2 lines of code above to preserve the hashtag sign (otherwise it displays an index number before those lines), please ignore the backslashes.

I would like my customizations in Firefox 125 to look like the ones I made in 115 ESR.

Is it possible?

Thanks!

Gefragt von Slouch vor 7 Monaten

Beantwortet von cor-el vor 7 Monaten

  • Gelöst
  • Archiviert

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, … (Lesen Sie mehr)

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

Gefragt von metaguy vor 7 Monaten

Beantwortet von zeroknight vor 7 Monaten

  • Gelöst
  • Archiviert

Prevent all autocomplete in address bar

My elderly mother has twice (in the last month alone!) been scammed by selecting the first thing that comes along in a Google search. I realize this is simply never going… (Lesen Sie mehr)

My elderly mother has twice (in the last month alone!) been scammed by selecting the first thing that comes along in a Google search. I realize this is simply never going to change, and I need to take steps to prevent her from ever seeing any sponsored results of any kind, or any kind of address bar autocomplete suggestion.

I have taken several dozen hours of my personal time this past month to repair the damage from her first scam experience (that I know about!), and today's incident made me realize that I have to do much more customization of her browser than I previously imagined. When I told her to never fully trust a Google search, her reply was "but I used Firefox!", and that told me everything I needed to know. It simply cannot be left to her understanding of the internet.

The intended setup is an iPad and a Win11 laptop. I would like to set up Firefox so that the address bar is nothing but an address bar without any kind of autocomplete at all. Is this even possible?

Also, I obviously can't filter every scam known to man, but I would like to specifically block the kind of pop-ups and ads that scammers use. What is a good strategy for this specific purpose? I don't care about legitimate marketing ads, even though they're annoying to me personally.

Gefragt von townie vor 7 Monaten

Beantwortet von townie vor 7 Monaten

  • Gelöst
  • Archiviert

How do I disable search suggestions based on my search history, without deleting my search history?

I've disabled this for my google account. So when I search from google.com this behavior doesn't happen. But when I type anything into my address bar on Firefox to search… (Lesen Sie mehr)

I've disabled this for my google account. So when I search from google.com this behavior doesn't happen. But when I type anything into my address bar on Firefox to search, the first suggestions are from my search history.

I don't want to delete my search history.

I often use my search history to find specific things that I need, but didn't bookmark at the time. I need my search history to be saved. I just don't want to automatically receive suggestions based on it.

Is there any way to turn this off? Even with an extension or something?

Gefragt von Clinton Graham vor 7 Monaten

Beantwortet von jscher2000 - Support Volunteer vor 7 Monaten

  • Gelöst
  • Archiviert

Firefox 125 disable pop-up tips?

I just installed Firefox v125.0.1 on my new desktop and I am constantly being harassed by Firefox suggesting "tips" to me that I don't want nor did I ask for. Such as th… (Lesen Sie mehr)

I just installed Firefox v125.0.1 on my new desktop and I am constantly being harassed by Firefox suggesting "tips" to me that I don't want nor did I ask for.

Such as this example below, see screenshot. I am browsing the web and needed to open a new tab, and immediately Firefox thinks it is okay to harass me with something that I OBVIOUSLY already know...... searching google from the address bar.

So now I have to stop what I am doing to click the "Okay, Got It" button to proceed. But, that won't stop Firefox from harassing me with the EXACT same tip in a few minutes from now.....

This isn't the only "tip" it harasses me with. It's just the only one I have managed to get a screenshot of for now.

How do I permanently disable this crap?

I have been using the internet and web browsers for 30ish years now. I'm pretty sure I know how to use an address bar by now Firefox.....

I also don't appreciate being harassed by things at all. Since this does the same "tips" repeatedly and they never stop it is absolutely harassment. Why are you showing me ANY tip more than once?????

Gefragt von krazzykid2006 vor 7 Monaten

Beantwortet von zeroknight vor 7 Monaten

  • Gelöst
  • Archiviert

Firefox 125 URLs missing in suggestions dropdown

I've just updated to Firefox 125 and now, when I start to type in the URL bar and get my suggestion dropdown of previously visited pages, I no longer can see the actual u… (Lesen Sie mehr)

I've just updated to Firefox 125 and now, when I start to type in the URL bar and get my suggestion dropdown of previously visited pages, I no longer can see the actual url for each entry. All I see is the top level name for each entry.

This is not helpful, as I may have perviously visited a number of pages on that site and the information shown does not give me a way to differentiate sufficiently between those pages.

How can I get the exact url displayed on the suggestions dropdown.

How can I get those top level descriptions NOT displayed, so that only the urls are shown?

Gefragt von Ken vor 7 Monaten

Beantwortet von cor-el vor 7 Monaten

  • Gelöst
  • Archiviert

Unable to install any extensions.

When trying to install any extensions on either the Mozilla Addons website or directly via the Extension settings, it fails to do so. I've attached a screenshot of the M… (Lesen Sie mehr)

When trying to install any extensions on either the Mozilla Addons website or directly via the Extension settings, it fails to do so.

I've attached a screenshot of the Mozilla Addons website when it fails to install the extension. On some other addons that I've attempted in the past, it just shows the throbber forever.

I have checked the Multiprocess Browser Console and it says that it fails to move the file because it's locked (NS_ERROR_FILE_IS_LOCKED). I have also attached a screenshot of that.

Gefragt von Kate vor 8 Monaten

Beantwortet von Kate vor 7 Monaten

  • Gelöst
  • Archiviert

Bookmark this page menu has very small fonts and menu

Hello, I just got a new laptop with windows 11. I just did the latest update to Firefox. Everything is a little large but an internet search addresses these: BUT.... The … (Lesen Sie mehr)

Hello, I just got a new laptop with windows 11. I just did the latest update to Firefox. Everything is a little large but an internet search addresses these: BUT.... The 'bookmark this page', the star in the URL line, menu is small and the fonts are micro. Zooming or changing fonts in the hamburger menu doesn't correct this. Attached. Thank you.

Gefragt von phyzxengr vor 7 Monaten

Beantwortet von phyzxengr vor 7 Monaten

  • Gelöst
  • Archiviert

Cannot add custom shortcut in Search -> Search Shortcut ; Windows 11

Hi so am using version 125.0.1 and on my windows 10 machine I can add custom Search Shortcuts (the Add button is present) but on my windows 11 machine, the same settings … (Lesen Sie mehr)

Hi so am using version 125.0.1 and on my windows 10 machine I can add custom Search Shortcuts (the Add button is present) but on my windows 11 machine, the same settings page the Add button is dissapeared... Is it a limitation for Windows 11 machines?

Gefragt von suji.lamech vor 7 Monaten

Beantwortet von jscher2000 - Support Volunteer vor 7 Monaten

  • Gelöst
  • Archiviert

MimeTypes.rdf missing

Hi, I'm using FF on Fedora 39. However Firefox does not remember any file associations. The MimeTypes.rdf file in the profile is missing and is also not created on rest… (Lesen Sie mehr)

Hi,

I'm using FF on Fedora 39.

However Firefox does not remember any file associations. The MimeTypes.rdf file in the profile is missing and is also not created on restarting the browser.

In the options I've now set the configuration to "Ask whether to open or save files". Now I see a popup when clicking on a file however there is no checkbox with "remember this file associations" (or something similiar).

Gefragt von daswas vor 7 Monaten

Beantwortet von cor-el vor 7 Monaten

  • Gelöst
  • Archiviert

Cannot install extensions in 155.9 ESR version

When attempting to install an extension and clicking on "Add to Firefox" the button is replaced with a "Cylon" throbber and the popup dialog asking to confirm the install… (Lesen Sie mehr)

When attempting to install an extension and clicking on "Add to Firefox" the button is replaced with a "Cylon" throbber and the popup dialog asking to confirm the install never highlights the "Add" button. The browser will stay in this state indefinitely until the tab for the extension install is closed.

Could this be a permissions problem involving the ".mozilla" directory tree in the home directory? I've been having this problem regardless of the FF version for some time (going back to at least v110.x). The recent issue involves that 115.9 ESR version installed in Debian Bookworm.

TIA...

Gefragt von rnturner59 vor 8 Monaten

Beantwortet von rnturner59 vor 8 Monaten

  • Gelöst
  • Archiviert

How to set PDF viewer in firefox to dark mode again (after it stopped working)

I view a lot of pdf documents via firefox, the light gray background makes my eyes and head hurt after prolonged usage. In the past I found a solution on this forum that… (Lesen Sie mehr)

I view a lot of pdf documents via firefox, the light gray background makes my eyes and head hurt after prolonged usage. In the past I found a solution on this forum that advised to set pdfjs.viewerCssTheme to "2" in about:config. This set the background of pdf viewer to black/dark gray. This has worked for years until recently when the pdf viewer switched to light mode again (pic 1). I checked the about:config settings for pdfjs.viewerCssTheme but there appears to be no change. I tried restarting the browser, setting the theme to 0 and to 2 again, updating browser. Sadly the theme is still light gray. Is there a way to change it again? The desired outcome is in pic 2. I do NOT want to change the color of the pdf pages themselves.

Gefragt von K vor 11 Monaten

Beantwortet von zeroknight vor 11 Monaten