Multiple Rows Bookmarks Toolbar in Firefox

Multiple Row Bookmarks Toolbar in Firefox

On 9th June 2008 @ 11:19 pm by Arul N S

One of the features that got attention was the bookmarks management in Firefox 3. Lately I have had the need to bookmark many of the links in my bookmarks toolbar. With the favicon displayed next to the side, it was pleasing and eye-catching. But the space was restricted and the links started to overflow the given width. So little googling to increase the height of my bookmarks toolbar brought me to MozillaZine (which I should have done before going to Google). This is how you go about it….

Go to Firefox’s Profile directory ( Press [Win]+[R], and type “%APPDATA%” to go to your apps directory and you will find a directory called Mozilla and then navigate to your profile directory inside)
In chrome folder, there might be a file called “userChrome.css“. If not you might have a example file and even if that is not there then create one using notepad.
Inside type the following based on which version of Firefox you are running. Please change the height variable according to your needs. 54px worked out for me. Then save the file and restart Firefox to have as much bookmarks as you want in your toolbar.

/* Multi-row bookmarks toolbar */
#bookmarks-ptf {display:block !important;}
#bookmarks-ptf toolbarseparator {display:inline !important;}

and sometimes you might need to add this also

/* Sometimes you may need this */
#PersonalToolbar {max-height: none !important;}

For Firefox 3 (this worked out for me)

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