Kukhonjiswa imibuzo ethegiwe: Veza yonke imibuzo
  • Kusonjululiwe

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… (funda kabanzi)

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 1 isonto elidlule

Answered by Slouch 1 isonto elidlule

  • Okugcinwe kunqolobane

Firefox 97 want to always print with system dialog box

Prior to FF97 a simply setting to "false" the about:config, print.tab_modal.enabled setting allowed FF to always use the system dialog box when printing. However, in FF97… (funda kabanzi)

Prior to FF97 a simply setting to "false" the about:config, print.tab_modal.enabled setting allowed FF to always use the system dialog box when printing. However, in FF97, this is no longer the case. How can I set FF97 to always use the system print dialog box??

I almost always use Preview printing on my Macs to avoid multiple pages of garbage so this is fairly important to me...and it might help to save a few trees...

Asked by jschneid002 2 iminyaka edlule

Last reply by paul436 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Firefox 107 disabled my floating search window.

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 > findba… (funda kabanzi)

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

Asked by Wallytek 1 unyaka odlule

Answered by Wallytek 12 izinyanga ezidlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

watch video "in" firefox browser

I'm trying to watch videos in Firefox. Youtube works but Xvideos does not. Firefox pops up a window asking me: >> "Opening xvideos"."com ###.mp4". >> wh… (funda kabanzi)

I'm trying to watch videos in Firefox. Youtube works but Xvideos does not. Firefox pops up a window asking me:

>> "Opening xvideos"."com ###.mp4". >> which is: MP4 Video (16.4MB) >> from https://cdn77-vid.xvideos-cdn"."com >> >> What should Firefox do with this file?

My only choice is: Open with Windows Media Player x86 (default)

suggestions?

I'm running Windows 7 Firefox 76.0.1

Thanks!!!!

Asked by G_Eak 3 iminyaka edlule

Answered by cor-el 3 iminyaka edlule

  • Okugcinwe kunqolobane

Minimize, Maximise and Exit all now hiding.

I live with Firefix always in full screen. I Don't like seeing any bars or buttons of any kind. Befor the latest update, when I moved my mouse to the top of the screen … (funda kabanzi)

I live with Firefix always in full screen. I Don't like seeing any bars or buttons of any kind.

Befor the latest update, when I moved my mouse to the top of the screen my tabs popped down and in the top right corner was the standard icons for "minimize" "maximize" and "exit".

With the latest update the tabs are there but the 3 buttons have gone.

If I exit full screen (F11) then they are there again, but I dont want to have to exit full screen every time I change between programes which I do every few mins. I'd be popping pages in and out of full screen every few mins!

How do I get the buttons back all the time?

Asked by lucyblairs 2 iminyaka edlule

Last reply by tiffanyboyd78 2 iminyaka edlule

  • Kusonjululiwe
  • Ikhiyiwe
  • Okugcinwe kunqolobane

Tabs on Bottom

Hi Running Firefox 71.0 (64 bit) Well seems Firefox has been messing this up again. Anyone have the new work around solution to get my tabs back on the bottom again. T… (funda kabanzi)

Hi

Running Firefox 71.0 (64 bit)

Well seems Firefox has been messing this up again.

Anyone have the new work around solution to get my tabs back on the bottom again. They were fine this morning then shut down and went out to lunch and when I came back they were back on the top again after months of being where I wanted them below my bookmark bar.

Thoughts on this?

Thanks Dave

Asked by scottish2 4 iminyaka edlule

Answered by cor-el 4 iminyaka edlule

  • Okugcinwe kunqolobane

Print using system dialog can't be set as default in Firefox 97.0

I just updated from Firefox 96.0.3 to Firefox 97. When I try to print I get the Firefox preview, even though I have print.tab_modal.enabled set to false. Please fix it so… (funda kabanzi)

I just updated from Firefox 96.0.3 to Firefox 97. When I try to print I get the Firefox preview, even though I have print.tab_modal.enabled set to false. Please fix it so that I can get the print system dialog without going via the Firefox preview. Note that I have now reverted to Firefox 96.0.3 and won't update from this unless the problem is fixed.

Asked by paul921 2 iminyaka edlule

Last reply by jscher2000 - Support Volunteer 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Developer Console colours and Folder Icons

hello 1) I've been trying to change the console colours for the web developer console using userChrome.css, but I have failed. I want to set the background for console.i… (funda kabanzi)

hello

1) I've been trying to change the console colours for the web developer console using userChrome.css, but I have failed. I want to set the background for console.info text to be light blue while the text color to be bold dark blue font. I would like to have it only in light theme. Also I would like to change the font size of the console for both themes.

2) Is it possible to change the folders of bookmarks to yellow. I read there are SVG. I tried to solution that are meant to change the folders to yellow, but failed. Can someone point me to a dummies guide for a solution.

The first one is the more important issue.

Thank you in advance

Asked by ProfessorLayman 1 unyaka odlule

Answered by jscher2000 - Support Volunteer 1 unyaka odlule

  • Okugcinwe kunqolobane

v109.0 cuts of bottom of all my bookmarks toolbar - Win10-64

I love Firefox!!! But .. After I updated I an no longer see the bottom 20% of the text in my All Bookmarks->Bookmarks toolbar where my toolbar only displays the text… (funda kabanzi)

I love Firefox!!! But ..

After I updated I an no longer see the bottom 20% of the text in my All Bookmarks->Bookmarks toolbar where my toolbar only displays the text of the drop down name.

It seems to be a recurring issue where new versions really mess up the spacing in the drop down menus of the toolbar mostly (not this time).

My menus are just Perfect now .. although I'd love for the menus shown in the 'manage bookmarks' window to have Exactly the same spacing as the Firefox toolbar menus (the 'manage bookmarks' window has Much larger spacing and is a bit of a pain to use due to this).

Here's my no doubt primitive userChrome.css

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 3px !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;
}

#placesList treechildren::-moz-tree-cell-text {
  font-size: 11px !important; 
}
#placesList treechildren::-moz-tree-row {
  max-height: 10px !important; 
  padding-bottom: 0px !important;
  margin-bottom: -3px !important
}

Asked by FireFoxCustomWannabe 1 unyaka odlule

Last reply by FireFoxCustomWannabe 1 unyaka odlule

  • Okugcinwe kunqolobane

How do I find out if a Firefox add-on is causing "rendering error" on a website I'm trying to log in to

I have been fighting with Xfinity.com for too long now over a "rendering error occurred: invalid time value" message when I log in to their billing function for my accoun… (funda kabanzi)

I have been fighting with Xfinity.com for too long now over a "rendering error occurred: invalid time value" message when I log in to their billing function for my account. I am using a Windows 7 PC with whatever Firefox version is the most current.

Among the responses from their "experts," I see something that has to do with "browser add-ons may be causing your problem."

I have looked at my Firefox settings > manage your extensions as well as settings > manage your plug-ins. Under Extensions enabled I have 2: Norton Safe Search and Norton Safe Web. Under Plug-Ins enabled I have OpenH264 Video Codec and Widevine Content Decryption Module. That's all. Could any of these be causing the problem?

Does this "rendering" error have anything to do with Javascript? (I thought Firefox did not support Java so never paid any attention). If it does relate to Javascript, how do I fix my Firefox browser settings to enable it for the Xfinity.com website to see if that fixes anything?

This is so incredibly discouraging.

Asked by smittydm 1 unyaka odlule

Last reply by smittydm 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Removing the Extensions Puzzle Piece Icon?

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...… (funda kabanzi)

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.

Asked by Imot 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Okugcinwe kunqolobane

Change color of Downloads icon

Hi, I spent several hours trying just to change the color of the downloads icon (thought it would take me 1 minute). First I tried to do it myself, then searched the inte… (funda kabanzi)

Hi, I spent several hours trying just to change the color of the downloads icon (thought it would take me 1 minute). First I tried to do it myself, then searched the internet. From what I found on the internet, some stuff doesn't work, some works partially and in an unexpected way, most of it is difficult to understand and modify. Finally I give up. Please, is it possible to make white the download pie and the arrow thing (when the download is finished). That's all I ask for. If possible, without using the var-- stuff, just using fill: or filter: or some other straightforward functions.

Asked by fioiu omotrl 6 izinyanga ezidlule

Last reply by fioiu omotrl 6 izinyanga ezidlule

  • Okugcinwe kunqolobane

How to get rid of hard to read black backgrounds?

Firefox 102esr has almost every menu, popup and screen in dark mode - which I find extremely difficult to read, given I'm antique. I've tried all the modes like light, s… (funda kabanzi)

Firefox 102esr has almost every menu, popup and screen in dark mode - which I find extremely difficult to read, given I'm antique.

I've tried all the modes like light, system etc nothing seems to fix it.

Am I going to need a stack of css code to fix it - code for each and everything I want to set back to light, or is there a setting to achieve this?

Asked by citizen1138x 1 unyaka odlule

Last reply by citizen1138x 1 unyaka odlule

  • Okugcinwe kunqolobane

Extensions

Now that extensions are hidden behind the puzzle icon, I can no longer control any of them directly. Case in point: Ghostery. I can't access the app to change its paramet… (funda kabanzi)

Now that extensions are hidden behind the puzzle icon, I can no longer control any of them directly. Case in point: Ghostery. I can't access the app to change its parameters, but can only turn it on and off. Why can't I move these extensions directly to the menu bar, where I can see them and manipulate them?

Asked by thos_huxley1 1 unyaka odlule

Last reply by cor-el 1 unyaka odlule

Firefox shows red tint in images that I upload

When I upload an image with Firefox, it typically shows a red tint. I've seen similar reports from decades ago so I disabled `gfx.color_management.mode` in `about:config`… (funda kabanzi)

When I upload an image with Firefox, it typically shows a red tint. I've seen similar reports from decades ago so I disabled `gfx.color_management.mode` in `about:config`, but that didn't help, even after restarting the browser and the computer. I disabled a couple of related settings, but that also didn't help. What else could I try?

Asked by leonhard 5 izinyanga ezidlule

Last reply by zeroknight 4 izinyanga ezidlule

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-… (funda kabanzi)

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 2 ezinsukwini ezidlule

Last reply by Slouch 2 ezinsukwini ezidlule

  • Okugcinwe kunqolobane

Version 97 print.tab_modal.enabled set to FALSE not working anymore

I have always had the Print UI disabled by setting print.tab_modal.enabled to FALSE. Since the Version 97 update today, this is not working. The FALSE setting is still th… (funda kabanzi)

I have always had the Print UI disabled by setting print.tab_modal.enabled to FALSE. Since the Version 97 update today, this is not working. The FALSE setting is still there under about:config but the Print UI dialogue now keeps coming up.

Asked by kemiles 2 iminyaka edlule

Last reply by rw330i 1 unyaka odlule

  • Okugcinwe kunqolobane

Printing - turn off Firefox print dialog in Firefox 97

Firefox 97 installed itself , and now I have two print dialogs each time I go to print something. I have the system print dialog , and the Firefox print dialog. Does anyo… (funda kabanzi)

Firefox 97 installed itself , and now I have two print dialogs each time I go to print something. I have the system print dialog , and the Firefox print dialog. Does anyone one know a way to turn of the Firefox dialog in 97?

I fixed it in earlier versions by setting

print.tab_modal.enabled = false

...but in Firefox 97 it seems this no longer does the job.

Grateful for any advice.

Asked by colinhayes007 2 iminyaka edlule

Last reply by jscher2000 - Support Volunteer 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Why can't we customize the keyboard shortcuts?

Hello, I have been using Firefox as my main browser for more than a decade. One could say i am some Mozilla fanboy, having convinced many of my friends and relatives to u… (funda kabanzi)

Hello, I have been using Firefox as my main browser for more than a decade. One could say i am some Mozilla fanboy, having convinced many of my friends and relatives to use Firefox instead of any chrome based options (Which there are to many these days). It struck me today, as i was reworking some workflow elements in many programs i use daily, that it is impossible to change any key binding in Firefox anymore. I know it has been a while now, and i searched all over the web for an answer or a solution, but at this point it is clear that other than going in the code and recompiling Firefox manually, it is not possible. I stumbled upon the (only) extension that allows to change some shortcuts, but the two that i wanted to change are impossible to configure from it, being disabling only f12 as i would use it for other things but i do not want to lose the dev console and also ctrl+L to open the address bar, it is quite inconvenient and would much prefer to use ctrl+spacebar as it matches many other bindings i am using with other software. There have been many other features that were changed in the recent years that made me start to look for an alternative, as i see features melting away almost as quickly as the user base of the product.

I do understand that one person's problem is not going to change the way a big piece of software is working, but i am wondering, why are the users losing such features as basic as customizing key bindings in a piece of software that used to be so incredibly customizable in the past? Why is the only viable option to anything chrome based losing it's edge over the competition? Is Firefox v150 be based on the chromium engine or will it die before?

Thank you in advance, and no, i don't need the link to the shortcut page, i already have it.

Asked by DoubleWookie 1 unyaka odlule

Answered by Terry 1 unyaka odlule