Auto-collapsing of Bookmarks Toolbar Items in Firefox

Thank you, worked perfectly! Just for the ignorant, like me, here's what you need to do:
1) open your Firefox profile folder and open the "chrome" folder
2) open the "userChrome-example.css" file in a text editor and add the above lines to it somewhere
3) save, and rename the file "userChrome.css"

Doesn't seem to work in 3.1b. Can Mozilla please sort out about:config for this. Thanks

Doesn't seem to work in 3.1b. Can Mozilla please sort out about:config for this. Thanks

waldo000000 got it.

I think this may be cased by certain extensions- I never had this problem until i installed Ubiquity.

Use this code for 3.1b:

/* Fix Bookmark Toolbar to always show */
#bookmarks-ptf {visiblity: visible !important;}
#bookmarksBarContent .bookmark-item {visibility: visible !important;}

This doesn't look easier, but it was easier for me.

To expand/add a line to your bookmarks toolbar for FF3, download Stylish (you can find it http://addons.mozilla.org). After Stylish is installed and you've restarted FF3, hit CTRL+M to bring up the Stylish menu. Click the "Write" button at the top-left, makeup a title in the description bar, and then add this code and save:

/* Multi-row bookmarks toolbar for Fx3b5pre*/
#bookmarksBarContent
{display:block !important;}
.places-toolbar-items
{display:block !important;
height: 75px !important;
overflow-y:auto !important;}
#bookmarksBarContent toolbarseparator
{display:inline !important;}
#bookmarksBarContent .bookmark-item
{visibility: visible !important;}
.chevron {height: 0px !important;}

I have 3 rows of links, but if you have more or less just adjust the numbers in the code at <height:>. It's right in the middle. Bigger numbers = bigger toolbar; smaller number = smaller toolbar.

And then to make the toolbar auto-hide, save this code and click "Write" again. Make up another title in the description bar and then insert this code:

/*

_________________________________________________________________________

| | |

| Title: | Auto Hide Bookmarks Toolbar until Hovered over |

| Description: | Toolbar will only appear when your mouse is at top |

| Author: | -=Ben=- with help from LifeHacker |

| Date Created: | May 22, 2008 |

| Last Updated: | June 22, 2008 |

| Version: | 1.0.0.2 |

|__________________|_____________________________________________________|

*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Pop-up bookmarks toolbar */

#navigator-toolbox:hover > #PersonalToolbar

{

visibility: visible !important;

}

#PersonalToolbar

{

visibility: collapse !important;

}

Then save. That's auto-hide your bookmarks toolbar.

See here:

Here's where I found all this out:

http://userstyles.org/stylish/help
http://forum.avast.com/index.php?topi...</height:>

Thanks soooooo much waldo000000

Work perfectly! You saved my life

The userChrome.css suggestion by waldo000000 worked perfectly at preventing the bookmark items to collapse in Firefox 3.5 as well!

I tried the chrome suggestions but it still doesn't look right.



If I go into customize it will return to non-collapsed for the rest of the session but it goes bad after I exit Firefox. Using FF 3.5 Any suggestions?

I want it to look like this:

there's no "userChrome.css" file in my chrome folder, i'm using firefox 3.5. what to do?

Thank you waldo000000 ! It worked for me too!

@pham:

chezzo replied 11 months ago
Thank you, worked perfectly! Just for the ignorant, like me, here's what you need to do:
1) open your Firefox profile folder and open the "chrome" folder
2) open the "userChrome-example.css" file in a text editor and add the above lines to it somewhere
3) save, and rename the file "userChrome.css"

The userChrome.css file can be hard to find.

In Windows 7 at least, it's located at
C:\Users\[UserName]\AppData\Roaming\Mozilla\Firefox\Profiles\[RandomLetters].default\chrome

Is there a way to set it to always wrap instead? I use the bookmarks toolbar as my only toolbar with address bar, searchbar and whatnots. The bookmarks will take up a lot of space if unwrapped.

Anyone knows how to set the function to "NOT important" instead?

#bookmarksBarContent .bookmark-item {
visibility: visible !important;
}

Thanks in advance!

The .css mod worked for me too. Thanks to all and yes it was driving me crazy. Note that
'1) open your Firefox profile folder ...' like KNflrPn said this can be hard to find. Using XP at first I created one in the /ProgramFiles/Mozilla ... default/profiles/chrome. This was wrong ;).

The actual 'firefox profile folder is at C:\Documents and Settings\your user name\Application Data\Mozilla\Firefox\Profiles\6uh9rp48.default\chrome

Note that the folder \6uh9rp48.default\ is a unique name to the system ... yours will probably be different.

ok, I've found a simpler solution; install an extension!
https://addons.mozilla.org/en-US/fire...

Its an experimental addon but it works fine here. It even has some advanced "search" folder feature.

Nice add-ons but they don't do what I wanted, which was have my (already pretty highly customized) BMarks toolbar show all the time ;).

modifying the .css file worked perfectly! Make sure you rename the file on save to userchrome.css otherwise it won't work!

To summarise (thanks Chezzo and Waldo):
1) open within your Firefox profile folder the chrome folder (e.g. "C:\Users\MyName\AppData\Roaming\Mozilla\Firefox\Profiles\eiy2a4x6.default\chrome")
2) copy the "userChrome-example.css" file to "userChrome.css" in the same folder
3) edit "userChrome.css" in a text editor and add at the end of the file the line:
#bookmarksBarContent .bookmark-item {visibility: visible !important;}

Apparently this worked for many people, including me (Firefox 3.5.5).

I've had this problem with each computer where I use firefox.
the userChrome.css solution didn't work for me
I used this:

https://addons.mozilla.org/en-US/fire...

Cheers

Waldo's solution worked for me, using Firefox 3.5.5, if it doesn't work for anyone make sure you fully close and reboot Firefox. I had Firefox Preloader running in the background so I had to close Firefox browser and the preloader and reopen everything for CSS changes to take effect.