Firefox-Hilfeforum

I want to combine two customizations in Firefox 60: 1 Move the tabs to below the Address bar and Bookmarks toolbar; and 2. Move the Open Menu (hamburger) button to the left hand side in Firefox 60. Unfortunately, "customize" does not allow one to move the Open Menu button in FF60 (it is greyed out in "Customize"). I can do each of these steps separately with the following CSS customizations in the UserChrome.css file inside my profile, but am not sure how to combine the two together. For 1. the following works: https://support.mozilla.org/en-US/questions/1185426 For 2. the following works: https://github.com/Timvde/UserChrome-Tweaks/blob/master/hamburger/move-to-top-left-Linux-Windows.css but combining them messes up the position of the Open Menu button - I am not skilled in CSS. Can anyone suggest a CSS that will do both tasks together? Or is there a simpler solution to both that I am missing?

The two CSS respectively are: 1. Move the tabs to below the address bar and bookmarks toolbar: ________________

/* Tab bar below Navigation & Bookmarks Toolbars
  For best results, show Title Bar or Menu Bar */
  #nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top-width: 0 !important; 
   }
    #PersonalToolbar { /* bookmarks toolbar */
   -moz-box-ordinal-group: 2 !important;
   }
   #TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
   }

________________ 2. Move the Open Menu button to the LHS: ________________

/*
 * Move the hamburger menu to the top left, before the first tab
 *
 * Contributor(s): Alex Vallat
 */

#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}

:root[uidensity=compact] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: -30px;
}

:root[uidensity=touch] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Ensure the padding is always present even when maximized */
  padding-inline-start: 40px !important;
}

_______________

I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colour of the main body, underneath the tab section. Is there a way or is it impossible?

I was playing a game, and had to shut down Firefox to prevent slowdown- I have an older laptop, sue me. when I started firefox back up it installed an update- no problem.

but when it finished installing, it wasn't firefox, but firefox quantum, a different program entirely that deleted all my display preferences! the tabs are in the wrong spot, the search engines are a grid of icons instead of a list of names like they're SUPPOSED TO BE, it's only showing miniatureized icons instead of icons and text, there's no status bar at the bottom, it DELETED THE TABS FROM MY PREVIOUS SESSION and several of my addons (including the Classic Themes Restorer that fixes the severe UGLINESS of every new version,) is no longer compatible!

how do I correct this mistake by going back to the old version and protecting my laptop from this horrid quantum garbage?

I can't figure out how to move the "Exit" button from the menu onto the main toolbar. I tried right clicking the toolbar and chose "Customise", but there was no "Exit" button available to add. I looked for Firefox add-ons as well but the ones that I need are not compatible with the latest version of Firefox. Currently (from what I can tell) the fastest way to close Firefox is by clicking "Open menu" at the top right (the three horizontal bars) and then scrolling all the way down and clicking "Exit" (this is two clicks though). Also to clarify, pressing the "Ctrl+Shift+Q" buttons is not what I want. I want a one MOUSE click solution.

I just upgraded from Firefox ESR 52.9 to ESR 60.2. The upgrade has made my legacy add-on "Backward/Forward History Dropdown" dysfunctional. That add-on displayed a dropdown arrow to the left of the location bar that listed the websites in the same window that I visited in the current browsing session, and enabled me to select a website in the list that I wanted to return to. (That obviously was much easier than using the Back button to return to recently visited websites one by one.) The only ways to do that now appear to be to pull down or right-click on the backward or forward indicators, but since I use an old trackpad it would be much more convenient to tap on a dropdown arrow as I used to do.

After doing a bit of online research I created a chrome folder in my profile and then 3 subfolders named config, css, and image, along with 2 files called userChrome.css and userContent.css. I then followed the instructions in this website:

https://github.com/Aris-t2/CustomCSSforFx/releases

I clicked on custom_css_for_fx_v2.0.5.zip and copied the contents of the folders and files into the ones in my chrome folder, except that I copied only one command from the userChrome.css file that looked like it might relate to my issue. In addition, I copied some script I found elsewhere that made my tab toolbar disappear, since I don't use tabs. My tab toolbar has disappeared as I wanted, but my backward/forward buttons haven't changed at all and still don't show a dropdown history marker. The contents of my userChrome.css file are as follows:

#tabbrowser-tabs {
visibility: collapse !important;
}

/* other button settings ************************************************************************/
/* @import "./css/buttons/forward_button_hide_when_disabled.css"; /**/
@import "./css/buttons/back_and_forward_separated_history_popups.css"; /**/
/* @import "./css/buttons/back_and_forward_leftclick_history_popup_hidden.css"; /**/

Am I doing something wrong in the way I imported the script , or is the script not intended to do what I want? If the latter, are you working on a replacement for the legacy add-on that will be compatible with Firefox Quantum?

FYI, I'm using Windows 7. 64 bit.

I tried the UserChrome.css solution but it did not work. I used that once before in a previous build of FF, and at that time, it did work. So something must've changed in one of the updates to break it.

Hi there, I run Firefox quantum 61.0 on win7pro and I would like to customize the icons of my bookmarks.

I found a waay creating the file chrome/userChrome.css in my own firefox profile folder, but it seems not working

After the creation and save of the file I closed and restarted firefox but nothing happened

do you know what I miss or where is my error? thank you!

this is the .css file, copy/paste:

/* First line of userChrome.css must be this: */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Custom favicon for this bookmark */ .bookmark-item[label="TIM"] image { width:0!important; height:0!important; padding: 0 0 16px 16px !important; background-image: url(data:image/png;base64,iVBORw0KGg....the code run off the page...QmCC);!important; }

The web extension has too many limitation, so I consider a script to load at startup.

Now I can load a script via scratchpad and set environment to browser.

Is there any easier way to load it, like userChrome.css, through a special name or some undocumented command line argument?

With an update to Firefox, I now get a little picture above the bookmark data. This takes up too much room on my small laptop. I want the old, simple format when I hit ControlD.

I'm using the built-in dark theme of Firefox. In these days I changed the background color and the folder icons in the Bookmarks/History sidebar using this codes (I'm not absolutely an expert of codes, I've found them by searching the web and the old questions in our support forum.):

/* Sidebar color change */
#viewButton, #sidebar-header, #sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}

/* Drop down arrow - next to "view" */

.button-menu-dropmarker,
.button-menubutton-dropmarker {
 filter: invert(85%);
}

/* Edit folder icons */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
/* These "containers" are SVG in the sidebar, not yet on the menu */

#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}

/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon, 
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon, 
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

I didn't find how to change the "clock" icon color (white could be ok) in the History sidebar at the left of the "Today, Yesterday, etc". items. I attach a screenshot (it is Firefox in Italian, Cronologia = History). Do you have any suggestion to solve my problem?

Just updated to 62.0, ugh. Lost my custom icons and toolbar order. Have tried all the suggestions for moving tabs below bookmarks. Nothing seems to work, including various userchrome.css scripts mentioned in relevant support posts. Anyone have a script/procedure for moving tabs below bookmarks that specifically works for 62.0 (64bit)?

Is it possible to extend the bookmark folder icon color change of the userChrome.css script below to the Library window All Bookmarks list?

https://www.userchrome.org/samples/userChrome-color_bookmark_folders.css

In the Library window, bookmark folder icons are still appearing gray with this script. It is also true for the folder icons in the new (FF 62) "New Bookmark" pop-up window.

Hey guys,

previously I could customize the interface of FF via userchrome.css. I used to have less space between the bookmarks on the tab to the left. An update way back (53 I think) changed it to what it is today, which is why I needed the userchrome.css edits. Those dont work since the new update of FF. Is this a known bug or don't the codelines do anything anymore?

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Tighten up bookmark tree in Fx25 */ .sidebar-placesTree treechildren::-moz-tree-row, .placesTree treechildren::-moz-tree-row { height: 1.3em !important; border-width: 1px !important; }

This is what I used to keep the space between the bookmarks on the classic level. I attatched a ScreenShot on how it should NOT look like, but does look like since v63.

I just installed Firefox 63.0 and discovered that the leading (inter-line space) between Bookmarks items has been increased.

Was this intentional? I find it an annoyance because I now have to scroll down more to see lists that easily fit on the screen vertically before. And the change adds nothing to readability.

Hi All,

Don't know how or when it changed, but the "line spacing" of the entries in my bookmarks library window have changed. I would like the leading/line spacing smaller. I can live with it as is, but it was different before. See attached image for exact location.

I've already set up a userChrome.css file. Using FF 63.0 on a Mac.

Thanks in advance.

Version 63 just changed my sidebar bookmark menu to double spacing. How do I get back the single spacing? I don't do coding so hopefully there is a menu adjustment I can make somewhere.