Firefox Bookmarks Toolbar Tweaks: Auto-Hide and Multi-Row Toolbar



1. Make Firefox Bookmarks toolbar to show in Multiple rows:

Open "userChrome.css" file and copy paste following lines at the end of file:

/* Make bookmarks toolbar to show in multiple rows */
#bookmarks-ptf {display:block}
#bookmarks-ptf toolbarseparator {display:inline}

Save the file and start Firefox to see the effect.

NOTE: For Firefox 3, use following code instead of above mentioned code:

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

2. Make Firefox Bookmarks toolbar Auto-hidden:

Open "userChrome.css" file and copy paste following lines at the end of file:

/* Auto-hide bookmarks toolbar */
#PersonalToolbar {display: none;}
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}

Save the file and start Firefox to see the effect.

NOTE: For Firefox 3, use following code instead of above mentioned code:

/* Auto-hide bookmarks toolbar */
#PersonalToolbar {visibility: collapse !important;}
#navigator-toolbox:hover > #PersonalToolbar {visibility: visible !important;}

NOTE: To know about the location and more information about "userChrome.css" file go through following link:

List of Files that can be Hacked to Configure Firefox

Complete list of AskVG articles



This article was posted in Browsers, Mozilla Firefox.


Share |


Related Articles

Popular Articles



22 Comments

  • Followed instructions for number 1 above (Make Firefox Bookmarks toolbar to show in Multiple rows). Doesn't seem to be working. Found the userChrome.css file without a problem (win XP here). Copy and pasted the lines shown, and saved. Closed all firefox, checking with taskmanager to be sure firefox was off. Then, restarted firefox, and still see only the one row of links.
    Any suggestions?
    Kevin

  • Thanks a world for this amazing tip , wanted this from a long time.
    And the auto hide feature is an added bonus.
    Looking more here -> http://www.mozilla.org/unix/customizing.html

    I have found so many solutions to my qtns on ur site.

    Thanks Again.

    Quad Master
    Quad Tek

  • Is there any way to autohide other bars like the google toolbar. :?: :roll:

  • @Kevin - There are 2 "%AppData%\Mozilla\Firefox\Profiles\xxxxxxxx.defaul t\" folders
    both contain chrome subfolder and both shud contain that userChrome.css file , u have to delete that sample file and replace it with userChrome.css [with above mentioned code] in both location , this shud solve ur problem. :smile:

  • no, there is just the one folder .default folder, and the one userchrome.css within it.

  • Any updates to this hack for FF3?

  • VG

    ^^ Did you check it in FF 3? It should work.

  • http://forums.mozillazine.org/viewtopic.php?t=614159

    Multi-row bookmark thread for Firefox 3, skip to the end of thread though because we are up to beta 4. :idea:

  • Hi there, thanks for the autohide toolbar. Just wondering if there's a way to make it not shift the window when i hover over it, gets annoying a bit after everytime the window resizes up and down. Thanks.

  • VG

    ^^ Afaik no way. If I come to know about it, I'll definitely let you know. :)

Add a Comment

NOTE: If you can't see your comment, please be patient. It'll appear as soon as we approve it.


Create an avatar that will appear with your comment.