• 已解決
  • 封存

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… (閱讀更多)

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

dmdbdd 於 1 年前 詢問

cor-el 於 1 年前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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.

ZetiX 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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

moham96 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

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/… (閱讀更多)

Leafsdude 於 1 年前 詢問

Leafsdude 於 1 年前 解答

  • 已解決
  • 封存

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 *******… (閱讀更多)

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

Zoloft 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

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 … (閱讀更多)

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!

Darkwolf 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

is there any way to hide the status bar (or pop-up) at the bottom left?

Hi, I'd like to get rid of the status bar at the bottom left corner. I know it goes away and it seems impossible to remove. But is there any way to remove it? I add an im… (閱讀更多)

Hi, I'd like to get rid of the status bar at the bottom left corner. I know it goes away and it seems impossible to remove. But is there any way to remove it? I add an image to show what I want to remove. Thanks in advance!

hyeseung97 於 6 個月前 詢問

cor-el 於 6 個月前 解答

  • 已解決
  • 封存

Override "important!" in source files with userChrome.css

Hello, I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals). Replacing html|input.urlbar-input:-moz-locale-dir(rtl) { dir… (閱讀更多)

Hello,

I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals).

Replacing

html|input.urlbar-input:-moz-locale-dir(rtl) {

 direction: ltr !important;
 text-align: right !important;

}

with

html|input.urlbar-input {

 direction: ltr !important;
 text-align: left !important;

}

in chrome\browser\content\browser\browser.css does change the direction.

However, I can not achieve that with userChrome.css. Is it possible to override the "important!" rule in the source file with userChrome.css?

Thank you.

Yaron 於 1 年前 詢問

cor-el 於 1 年前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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.

TQRL 於 1 年前 詢問

cor-el 於 1 年前 解答

  • 已解決
  • 封存

How to disable panel under url bar?

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is cal… (閱讀更多)

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is called but it is just useless and annoying.

karju 於 1 年前 詢問

TyDraniu 於 1 年前 解答

  • 已解決
  • 封存

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 … (閱讀更多)

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.

CatsinQ 於 9 個月前 詢問

cor-el 於 9 個月前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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?

practik 於 11 個月前 詢問

TyDraniu 於 11 個月前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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.

Chandelier 於 1 年前 詢問

Chandelier 於 1 年前 解答

  • 已解決
  • 封存

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 … (閱讀更多)

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?

omanski 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

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 … (閱讀更多)

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?

OneMoreName 於 1 年前 詢問

Wesley Branton 於 1 年前 解答

  • 已解決
  • 封存

CSS: .urlbar-textbox-container in Firefox 66

Hello, .urlbar-textbox-container { margin-inline-end: 3px !important; } does not work in FF 66. What should be the replacing rule? Thank you. … (閱讀更多)

Hello,

.urlbar-textbox-container { margin-inline-end: 3px !important; }

does not work in FF 66.

What should be the replacing rule?

Thank you.

Yaron 於 1 年前 詢問

cor-el 於 1 年前 解答

  • 已解決
  • 封存

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 … (閱讀更多)

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!

JussAskin 於 12 個月前 詢問

JussAskin 於 11 個月前 解答

  • 已解決
  • 封存

"open new tab" + button is covered by the longer width tab in version 70, how to fix this?

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting eve… (閱讀更多)

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting everything in customise firefox layout tool. I'm using the default theme, or dark theme, as provided with firefox. I tried each density option and they made no difference. If this isn't happening to everyone, is there something I can do to reset to even more default appearance in order to make the button visible properly? I know I can open new tabs by menu or hotkey combinations. My display choices include showing title bar, menu and bookmark bar. I have only Ublock Origin, Foxy Proxy standard and zoom image add ons.

rick_hoskins 於 1 年前 詢問

jscher2000 於 1 年前 解答

  • 已解決
  • 封存

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… (閱讀更多)

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.

Mystic 於 9 個月前 詢問

jscher2000 於 9 個月前 解答