• حُلّت
  • المُؤرشفة

Why I can not save changes in about:config page?

Like in the description I can not save the changes I made in the about:config page no matter what I do, I already do an re installation also use the refresh button and de… (read more)

Like in the description I can not save the changes I made in the about:config page no matter what I do, I already do an re installation also use the refresh button and delete the preferences file and still the issue remains.

Asked by DSD 2 years ago

Answered by jscher2000 2 years ago

  • حُلّت
  • المُؤرشفة

make everything dark in firefox

Hi, I'm trying to get as much as possible of firefox to use dark theme to save my eyes at night. I use https://addons.mozilla.org/en-US/firefox/addon/darkreader/ to cust… (read more)

Hi, I'm trying to get as much as possible of firefox to use dark theme to save my eyes at night.

I use https://addons.mozilla.org/en-US/firefox/addon/darkreader/ to customize the sites automatically and it does an excellent job, except that firefox pages can't be customized with it and by that I mean:

about:blank about:newtab about:config about:preferences

for the blank and newtab pages I found three solutions:

1- create a [userContent.css](http://kb.mozillazine.org/UserContent.css) file with the following

@-moz-document url-prefix(about:blank) {*{background-color:#000000;}}

@-moz-document url-prefix(about:newtab) {*{background-color:#000000;}}

2- go to about:config and change

browser.display.background_color to #000000

browser.display.foreground_color to #ffffff

3- Go to "Preferences" and search for "colors" click on the colors button and set the background and text colors to the same colors as in 2.

now I tried all of the solutions above and all of them have side effects, the most prominent and annoying one is flashing white page for a couple of seconds when opening a new tab or white page while the website, other annoyances is that the settings don't apply to about:config and about:preferences even if I add them in userContent.css

-To test the flashing white you only need to open a new tab (while applying my settings above) and you will see it.

-To the white page before the site is loaded you need to open the link from another page(if you open a new tab and then paste the link you won't get the white page since the about:blank or about:newtab will have the dark background)

so to see my problem do the following:

1- go to https://github.com/biesiad/deelay#deelayme

2- right click on deelay.me link and click "open link in a new tab"

the link will be opened in a new tab that has the background in white or grayish color.

How can I solve these problems ? any tip would be appreciated.

Regards

Asked by moham96 2 years ago

Answered by jscher2000 2 years ago

  • حُلّت
  • المُؤرشفة

change new tab button color

I want to change the "+" color on the new tab icon I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file. .tabbrowser-tab… (read more)

I want to change the "+" color on the new tab icon

I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file.

.tabbrowser-tab .close-icon:hover {

  fill: white !important;
  background-color: red !important;
  border-radius: 4px;
}

I think this code should work for the new tab icon, however I don't know the name of the new tab icon.

Please help,

Thank you

Asked by dmdbdd 2 years ago

Answered by cor-el 2 years ago

  • حُلّت
  • المُؤرشفة

Disable middle click tab bar

My previous question: https://support.mozilla.org/en-US/questions/1254024 With the latest update, the following css tweak to disable the creation of new tab when middle c… (read more)

My previous question: https://support.mozilla.org/en-US/questions/1254024

With the latest update, the following css tweak to disable the creation of new tab when middle clicking the empty tab bar area no longer works.

https://pastebin.com/zSJYR8PJ

This along with the shortcut CTRL+SHIFT+P to open a new private window are features no other browsers have.

Asked by ZetiX 1 year ago

Answered by jscher2000 1 year ago

  • حُلّت
  • المُؤرشفة

bookmark toolbar via userchrome.css broke with 66/66.0.1 update

I've used userChrome.css since 57 I believe to have a two row bookmark toolbar. The .css files is currently: /*AGENT_SHEET*/ /* Firefox 57+ userChrome.css tweaks *******… (read more)

I've used userChrome.css since 57 I believe to have a two row bookmark toolbar. The .css files is currently:

/*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ****************************************************/ /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/ /* by Aris (aris-addons@gmx.net)*********************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/


  1. personal-bookmarks {
 display: block;

}

  1. personal-bookmarks #PlacesToolbar {
 display: block;
 min-height: 0px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 999px;

}

  1. personal-bookmarks #PlacesToolbar > hbox {
 display: -moz-stack !important;
 left: 0px;
 right: 0px;
 width: 100%;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
 overflow-x: visible;
 overflow-y: visible;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
 display: block;

}

  1. personal-bookmarks #PlacesToolbar > .bookmark-item{
 visibility: visible !important;

}

  1. personal-bookmarks #PlacesToolbar .chevron{
 display: none;

}

  1. personal-bookmarks #PlacesToolbar > hbox > hbox{
 overflow-x: hidden;
 overflow-y: hidden;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
  2. personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
 display: none;

}

  1. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
 padding-top: 2px;
 padding-bottom: 2px;
 /*margin-left: -4px !important;
 padding-right: 9.5px !important;*/

}

  1. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
  2. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
 padding-top: 2px !important;
 padding-bottom: 2px !important;
 /*-moz-padding-start: 4px;
 -moz-padding-end: 2px;*/

}

  1. personal-bookmarks #PlacesToolbar toolbarseparator{
 -moz-appearance: none !important;
 visibility: visible !important;
 display: inline;
 text-shadow: none !important;
 border-left: 3px solid ThreeDShadow !important;
 border-right: 3px solid ThreeDHighlight !important;
 vertical-align: middle;

}

  1. personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
 -moz-appearance: toolbarbutton;

}

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
 max-height: 50px !important;


This is no longer working in 66/66.0.1.

What needs to be adjusted to make this functional again in the latest updates?

Thanks!

R

Asked by Zoloft 2 years ago

Answered by jscher2000 2 years ago

  • حُلّت
  • المُؤرشفة

Update To FF 71 Moved Tabs Above Address Bar How To Move Them Back?

Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no … (read more)

Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no longer works) Is there anyway I can get the tabs again to display to under the address bar? It's just so confusing with the tabs on top. I appreciate any help!

Asked by JussAskin 1 year ago

Answered by JussAskin 1 year ago

  • حُلّت
  • المُؤرشفة

How to stop tabs from appearing when hovering on top in fullscreen.

I am on Firefox 70.0 (64 Bit). When I am on websites in fullscreen mode, the tab section appears when hovering on top. Is there any way to disable this feature? I've alre… (read more)

I am on Firefox 70.0 (64 Bit). When I am on websites in fullscreen mode, the tab section appears when hovering on top. Is there any way to disable this feature? I've already tried the chrome.css solution but didn't work for me.

Asked by TQRL 1 year ago

Answered by cor-el 1 year ago

  • حُلّت
  • المُؤرشفة

Increase toolbar spacing?

Is there a way to increase the spacing between toolbars? I prefer my tabs just above the page and below the URL & "Bookmarks" toolbars so I found the CSS code to move… (read more)

Is there a way to increase the spacing between toolbars?

I prefer my tabs just above the page and below the URL & "Bookmarks" toolbars so I found the CSS code to move them, but I had to make their text bigger to read, and now my bars are overlapping each other (see attached photo.)

Is there a way to increase the spacing between toolbars so they don't overlap? TIA.

Asked by Mugsy 1 year ago

Answered by jscher2000 1 year ago

  • حُلّت
  • المُؤرشفة

How do I make the search suggestions text larger in the "search bar"?

After updating to Firefox 70.0 (64-bit), the search suggestions text size in the "search bar" became smaller (refer to included image). Is there any way to make the text … (read more)

After updating to Firefox 70.0 (64-bit), the search suggestions text size in the "search bar" became smaller (refer to included image). Is there any way to make the text larger? Thanks for reading!

Asked by Darkwolf 1 year ago

Answered by jscher2000 1 year ago

  • حُلّت
  • المُؤرشفة

How to remove/hide extension bar(not icon) from toolbar?

I have FVD Speed Dial extension installed, and this is why this bar appears(only on this page ofc). It's just information about this page loaded by an extension, but it s… (read more)

I have FVD Speed Dial extension installed, and this is why this bar appears(only on this page ofc). It's just information about this page loaded by an extension, but it simply drives me nuts. I think the image explains more.

Asked by Mystic 1 year ago

Answered by jscher2000 1 year ago

  • حُلّت
  • المُؤرشفة

Run Hide One Tab & Tabs On Bottom in Firefox 65?

These two codes work separately: https://www.reddit.com/r/FirefoxCSS/comments/7dqtuf/hide_tab_bar_if_only_one_tab_is_open/ https://github.com/Aris-t2/CustomCSSforFx/blob/… (read more)

Asked by Leafsdude 2 years ago

Answered by Leafsdude 2 years ago

  • حُلّت
  • المُؤرشفة

Pinned tabs show part of the title and got wider (version 72.0.1)

It looks like (at least on macOS 10.15.2) the latest update (72.0.1) introduced either a bug or a change in how pinned tabs are rendered as since today I noticed that my … (read more)

It looks like (at least on macOS 10.15.2) the latest update (72.0.1) introduced either a bug or a change in how pinned tabs are rendered as since today I noticed that my pinned tabs are a lot wider and are showing part of the title (see attached image, the first two tabs are pinned tabs).

Is this something I can change or customize, or is this a bug?

Asked by Sander van Harmelen 1 year ago

Answered by cor-el 1 year ago

  • حُلّت
  • المُؤرشفة

How to delete the new tab buttin in Firefox 70 (css or otherwise)?

Firefox 70 added a new tab button to my installation. I had been using CSS that got rid of it nicely up to this point. But now it is showing up and I cannot figure out … (read more)

Firefox 70 added a new tab button to my installation. I had been using CSS that got rid of it nicely up to this point. But now it is showing up and I cannot figure out how to make it go away. This is what I had and which worked:

 #TabsToolbar .tabs-newtab-button { display: none ! important }

Any ideas?

Asked by OneMoreName 1 year ago

Answered by Wesley Branton 1 year ago

  • حُلّت
  • المُؤرشفة

73.0.1 tabs are both behind and covering navigation toolbar

M computer (still running W7) auto-updated FF to version 73.0.1 and two things happened. First, the tabs now cover the navigation bar, and second, the "plus" sign to the … (read more)

M computer (still running W7) auto-updated FF to version 73.0.1 and two things happened. First, the tabs now cover the navigation bar, and second, the "plus" sign to the right of the tabs disappeared so I can't go to my pinned tabs or add a new tab.

Any help will be appreciated. I do have a userChrome file, but it was a copy and paste and I don't know how to adjust it to correct these things. Or if there's something in about:config? I just don't know what I would try to change.

I've been trying to take a screenshot, but can only grab the webpage and not the "frame" so I can't demonstrate what I'm talking about, but basically the tabs are sitting right on top of the navigation toolbar, obscuring it.

Thank you all for your help.

Asked by CatsinQ 1 year ago

Answered by cor-el 1 year ago

  • حُلّت
  • المُؤرشفة

Custom css

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use … (read more)

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use common.css ignore it. What to do in my case?

Asked by omanski 2 years ago

Answered by jscher2000 2 years ago

  • حُلّت
  • المُؤرشفة

How do I hide tab bar scroll buttons in FF 71?

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons: TabsToolbar toolbarbutton[class^="scrollbutton"] { display: none !important; } Now… (read more)

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons:

  1. TabsToolbar toolbarbutton[class^="scrollbutton"] {
   display: none !important;
   }

Now it's stopped working. Does anyone know the new code?

Asked by practik 1 year ago

Answered by TyDraniu 1 year ago

  • المُؤرشفة

Hide tab bar with one tab Firefox 76

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file: /* Modify to change window … (read more)

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file:

/* Modify to change window drag space width */
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }

.titlebar-buttonbox-container{
  position: fixed;
  display:block !important;
  top:0;
  right:0;
  height: 40px;
}
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

:root[sidemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }

:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
 -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
}
:root[tabsintitlebar="true"] #nav-bar{
  padding-right: calc(138px + var(--window-drag-space-width,0px));
  padding-left: var(--window-drag-space-width,0px)
}
.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; }

/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

#navigator-toolbox{ margin-top: 22px }
#toolbar-menubar{
  position: fixed;
  display:block !important;
  top: 0px;
  height: 22px;
  margin-top:1px;
  width: 100%;
  overflow: hidden;
}

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

/* This will allow you to MAYBE put some items to the menubar */
#toolbar-menubar > *{ float: left }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */
/* Firefox 65+ only */
/* !!USER!! -  REMOVE ALL BUTTONS you can from the tabs toolbar */

/* Configurable window drag space  */
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }

#titlebar{ -moz-appearance: none !important; }
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
:root:not([customizing]) #TabsToolbar .titlebar-button{
  -moz-appearance: none !important;
  height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  -moz-box-align: stretch;
  margin: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
  visibility: collapse !important;
}

/* Button re-styling */
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
  padding: 0 !important;
  transform: scale(0.6);
  background-color: transparent !important;
}
/* Extra top padding  in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }
/* Fix window controls not being clickable */
#toolbar-menubar:hover{
  min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  -moz-appearance: initial !important;
}
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }

/* Hide blue stripe on active tab */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

 #toolbar-menubar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}
 #TabsToolbar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}

/* Change Color of Active tab */

/* Change Color of Normal Tabs */
tab:not([selected=”true”]) 
{
	background-color: rgb(240,240,245) !important;
	color: black !important;
}

/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}

Any help is appreciated.

Asked by Leafsdude 1 year ago

Last reply by jscher2000 11 months ago

  • حُلّت
  • المُؤرشفة

How to resize bookmarks side bar v63+

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame… (read more)

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame or something behind the sidebar so when it narrows the frame is still there anyway. I am trying to get a little more size to my main view panel BUT I also like to leave the bookmarks side bar displayed at all times.

Thank you

Asked by rexlan 2 years ago

Answered by jscher2000 2 years ago

  • حُلّت
  • المُؤرشفة

Is there a way to disable the "This time search with:" box in userChrome.css?

This solution https://support.mozilla.org/en-US/questions/1171243 still leaves a narrow strip under the navigation bar. Is there a way to get rid of it as well? Previousl… (read more)

This solution https://support.mozilla.org/en-US/questions/1171243 still leaves a narrow strip under the navigation bar. Is there a way to get rid of it as well?

Previously, I would use this code snippet in userChrome.css: [#PopupAutoCompleteRichResult {display: none!important;}] Then, starting with version 68 it stopped working and I found out I had to change it to this: [#urlbar-results {display: none!important;}] And after Firefox updated to version 70 it quit working.

Asked by Chandelier 1 year ago

Answered by Chandelier 1 year ago