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



This article was posted in Browsers, Mozilla Firefox.

Subscribe to RSS Feed | Email Newsletter | More Articles

Related Articles

Popular Articles



22 Comments

1 2 3

  • Neo

    Where is the user.chrome file exactly?
    I found a 'user.chrome-example' css file in my defaults/profiles/chrome directory of firefox. Do I need to change this file or create a new text file and save it as a .css ?

    I dont know anything about firefox customisation btw. So a step by step would be really aprreciated.

    Thanks

  • VG

    ^^ You can rename that file or create a new file.

1 2 3

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.