Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to get a multirow bookmarks toolbar in Firefox 74?

  • 73 replies
  • 7 have this problem
  • 7548 views
  • Last reply by jppp

more options

Hi,

Today I installed the new Firefox 74 but now my multirow bookmarks toolbar is not working correct anymore. They are not side by side, they are now among one another. See attached screen, ca. 75% of the screen is used by the bookmarks.

The following code is contained in my userChrome.css file:

/* Multi-Row Bookmarks Toolbar Firefox 66+ */

#PersonalToolbar {
  min-height: unset !important;
  max-height: unset !important;
/* text-align: center !important; */
}

#PersonalToolbar #PlacesToolbarItems {
  overflow-x: visible !important;
  overflow-y: visible !important;
  display: inline-block !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
  /* Reduce padding on individual bookmarks to fit rows closer together */
  margin-inline-end: 0px !important;
}

Does anybody have a solution for this?

PS: If you need more info, please ask...

Best regards heusmich

Attached screenshots

Modified by cor-el

All Replies (20)

more options

There are claims here of userChrome.css files that solve the problem.

I have yet to see an actual userChrome.css file that changes anything as claimed.

I have replied, twice, via PM with no response.

It's sad that reviews for FF appear to the downgrading it. Maybe this has something to do with it.

more options

Hi AIVAS, I don't use multiple rows on my bookmarks toolbar, but I usually point people to the following code file:

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_bookmarks.css

It hasn't been updated for a while, so I tested in Firefox 78 as follows:

  1. Created a new profile
  2. Bookmarked about 25 pages and moved them to the Bookmarks Toolbar
  3. Enabled the Browser Toolbox (steps here: https://developer.mozilla.org/docs/Tools/Browser_Toolbox )
  4. Opened the Browser Toolbox and switched to the Style Editor tab
  5. Click the + button to create a new temporary style sheet and pasted from the above link
  6. The bar got taller but didn't wrap until I resized the window, and then I got 3 rows (screenshot attached)

So think the old code should still work for you.

more options

Been there. Hasn't worked for months.

more options

mjs50 - I've PM'ed twice with no reply. Does PM even work?

more options

AIVAS said

Been there. Hasn't worked for months.

You have a working userChrome.css file and the only rules that don't work are the ones for the bookmarks toolbar? Does it matter whether you paste them at the beginning or the end?

more options

I don't know if you can get the .css file here or not? I haven't had this account very long and I'm not sure how Github works?

Here is the link to the file, just rename it userChrome.css.

https://github.com/mjs50/MJS50-s-Repository/blob/master/Muti-row%20Firefox%20Bookmarks%20.CSS%20File

more options

I'm may be dense but i"m not sure what this means: "...whether you paste them at the beginning or the end?"

As of a month ago (I haven't updated to avoid the latest "helpful" changes) I had a working userChrome.css file with the exception of the bookmarks toolbar (Links Toolbar?).

I would like Tabbed Browsing to be below the bookmarks toolbar (Links Toolbar?) but I can live with it at the top.

I can make my userChrome.css file available. (Please specify how.)

more options

You also have Tabbed Browsing in the userChrome.css file I gave you a link to above. First it organizes the Bookmark Folder Icons into nice clean rows. I use 3 rows but it will wrap for more if needed. And when you hover your mouse cursor over them it shows you the name. I did not choose to show the icon text because the whole idea of multi-row bookmarks is to save space. And it is redundant if you can hover and see what each icon is and than want to also show text. The tabs have also been rounded at the top....and they are below the bookmark icons! I've attached a screen shot of the top of my Firefox Screen. Yes, it works!

more options

OK. If I go with this UserChrome.css, can I get the Bookmark Folder Icons back to icon & text? I only need 2 rows for about 25, and I do not anticipate having more.

What lines control this "feature"? Could I import those lines from a UserChrome.css file that used to work?

more options

First off, have you tried my userChrome.css file yet? And you can always go back to your own userChrome file again by simply copying it back over to the Chrome folder again. My file will not mess up Firefox permanently. Also, this userChrome stuff should not be that difficult to figure out. My strength is not in writing code. In fact I know just enough to modify other peoples code, and as I've said before my userChrome file was made by finding pieces of other peoples code and pasting the pieces together. Then I tinkered with parts of the code and some of the numbers to see what happened. You can see what is happened by tinkering, then running Firefox, tinkering again then running again etc...... It's just a text file, and no special program is needed to save the code other than notepad! After a short while I could see what code controlled certain features. This is not rocket science but is a logical process one step...... and only one change at a time, then run the file by opening Firefox and see what happened! So to answer your question about wrapping, it will wrap as many lines as you have icons, less icons, less rows it will wrap. This feature is automatic. I will not put text on my icon lines, it would be a redundant feature. You just have to hover over the icon with your cursor and the text will pop up automatically! So if you want text, you will have to search on how to display text full time yourself and modify my code. I figured this stuff out all by myself and I'm a hardware engineer, not a software guy. Took me just over an hour to do it - not long. Others here are code writers and software guys and maybe they can help you with and a text feature, after looking at my userChome.css file. But if you have only 25 icons your going to know what each icon is without having text displayed on them after a day or two, you will memorize them quickly even without hovering over them. And most of your icons are different looking and will be in a different place and row, so again adding a text feature is redundant and stupid. It would make the row look too busy and crowded. Isn't that the whole reason why Multi-row bookmarks was made to begin with? To tidy up Firefox, and make it easier to navigate to your favorite places on the Internet without a lot of needless garbage showing on the bookmarks menu bar? Simplicity is best! My userChrome.css file does that.

Modified by mjs50

more options

I did install your file this morning, then posted my question.

You apparently use individual icons, while many of my icons are folders (for specific subjects). Therefore I like “titles” (lines) to distinguish each folder. Your file gives me lots of folder icons with no way to tell which is which.

I’ve wasted an awful amount of time screwing with this over the last couple of months and I’ve got to go now, the grandchildren are here.

more options
more options

Worked on it while the kids used the other computers yesterday, then again to day. Appears I'd back to where I was 5-months ago.

Thank you for the pointers.

more options

Can anyone explain how this works?

Where does the userChrome.css file go? I have it in Firefox/Data/Profile/Chrome/ but it does nothing. Still no multirow tabs, which is definitely a dealbreaker for me to try Firefox.

more options

I believe you have the userChrome.css file in the wrong directory. My path is c:\Users\MJS\AppData\Roaming\Mozilla\Firefox\Profiles\xgh2s736.default-1563217141943\chrome\userChrome.css.

But yours will be slightly different. The MJS and the xgh2s736.default-1563217141943 will be different on your computer. Drop the userChrome.css file in that directory and restart Firefox and I bet it will work for you?

Modified by James

more options

mjs50 said

iluvatar1979 said

Can anyone explain how this works? Where does the userChrome.css file go? I have it in Firefox/Data/Profile/Chrome/ but it does nothing. Still no multirow tabs, which is definitely a dealbreaker for me to try Firefox.
I believe you have the userChrome.css file in the wrong directory. My path is c:\Users\MJS\AppData\Roaming\Mozilla\Firefox\Profiles\xgh2s736.default-1563217141943\chrome\userChrome.css. But yours will be slightly different. The MJS and the xgh2s736.default-1563217141943 will be different on your computer. Drop the userChrome.css file in that directory and restart Firefox and I bet it will work for you?

You can try the steps in this article to place the chrome folder where it needs to go:

https://www.userchrome.org/how-create-userchrome-css.html

more options

jscher2000 said

mjs50 said

iluvatar1979 said

Can anyone explain how this works? Where does the userChrome.css file go? I have it in Firefox/Data/Profile/Chrome/ but it does nothing. Still no multirow tabs, which is definitely a dealbreaker for me to try Firefox.
I believe you have the userChrome.css file in the wrong directory. My path is c:\Users\MJS\AppData\Roaming\Mozilla\Firefox\Profiles\xgh2s736.default-1563217141943\chrome\userChrome.css. But yours will be slightly different. The MJS and the xgh2s736.default-1563217141943 will be different on your computer. Drop the userChrome.css file in that directory and restart Firefox and I bet it will work for you?

You can try the steps in this article to place the chrome folder where it needs to go:

https://www.userchrome.org/how-create-userchrome-css.html

I'm using the portable version of Firefox so the profile folder is in the portable directory.

more options

jscher2000 said

mjs50 said

iluvatar1979 said

Can anyone explain how this works? Where does the userChrome.css file go? I have it in Firefox/Data/Profile/Chrome/ but it does nothing. Still no multirow tabs, which is definitely a dealbreaker for me to try Firefox.
I believe you have the userChrome.css file in the wrong directory. My path is c:\Users\MJS\AppData\Roaming\Mozilla\Firefox\Profiles\xgh2s736.default-1563217141943\chrome\userChrome.css. But yours will be slightly different. The MJS and the xgh2s736.default-1563217141943 will be different on your computer. Drop the userChrome.css file in that directory and restart Firefox and I bet it will work for you?

You can try the steps in this article to place the chrome folder where it needs to go:

https://www.userchrome.org/how-create-userchrome-css.html

I'm using the portable version of Firefox so the profile folder is in the portable directory.

more options

jscher2000 said

mjs50 said

iluvatar1979 said

Can anyone explain how this works? Where does the userChrome.css file go? I have it in Firefox/Data/Profile/Chrome/ but it does nothing. Still no multirow tabs, which is definitely a dealbreaker for me to try Firefox.
I believe you have the userChrome.css file in the wrong directory. My path is c:\Users\MJS\AppData\Roaming\Mozilla\Firefox\Profiles\xgh2s736.default-1563217141943\chrome\userChrome.css. But yours will be slightly different. The MJS and the xgh2s736.default-1563217141943 will be different on your computer. Drop the userChrome.css file in that directory and restart Firefox and I bet it will work for you?

You can try the steps in this article to place the chrome folder where it needs to go:

https://www.userchrome.org/how-create-userchrome-css.html

I'm using the portable version of Firefox so the profile folder is in the portable directory.

more options

I'm using the portable version of Firefox so the profile folder is in the portable directory.

edit: I tried to quote the above posts but that didn't work.

Modified by iluvatar1979

  1. 1
  2. 2
  3. 3
  4. 4