Firefox Bookmarks Toolbar

30 November 2008 1 views No Comment

How many of you use firefox as your internet/web browser.

If you are, I am sure you are making use if the Bookmarks toolbar as quick access to you most accessed website. I do the same thing and find it very convenient. The problem is by default, it is limited to one row. If you have more bookmarks, it will create an arrow so that you have it click on it and access the rest of the bookmarks.

Do you know that you can expand the row to accommodate more bookmarks like mine?

How to do?

Open Windows Explorer or My Computer
Go to the location as shown in the picture below

Note: If you are unable to see Application Data folder.
Click Tools > Folder Options > View Tab
Ensure “Show hidden files and Folders” is selected

Open the userChrome-example.css and paste the following code:

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

Save this as userChrome.css (as shown above)

Relaunch your Firefox and you are done.

You see the red highlighted code above? 48px is just nice for two rows, if you want more rows just change it to 72px for 3 rows.

You are done.

Credit goes to generally.wordpress.com