Posted By

Jacolyte on 09/11/08

Tagged

Versions (?)

Last Edited at 09/11/08 12:14am

Statistics

Viewed 708 times

Favorited by 1 user(s)

Related snippets

Firefox 3 userChrome.css: wrap your livebookmarks

/ Published in: CSS

You know how your bookmarks toolbar will show a little arrow when there are too many to fit? This code snippet will make the toolbar twice the size in height, and make the bookmarks wrap to the next line.

In mac, you need to edit the file /Users/---username here---/Library/Application Support/Firefox/Profiles/---profile name here---/chrome/userChrome.css -- if the file doesn't exist, create it.

Then add the following snippet anywhere in the .css file

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

#bookmarksBarContent { display: block !important; overflow: visible;}
#bookmarksBarContent toolbarseparator { display: inline !important; }
#bookmarksBarContent .bookmark-item { visibility: visible !important; }
 
.places-toolbar-items { display: block !important; height: 33px !important; overflow-y: auto !important; }
.chevron { display: none !important; }