Firefox 3 userChrome.css: wrap your livebookmarks

/ Published in: CSS
Save to your folder(s)

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

Copy this code and paste it in your HTML
  1. #bookmarksBarContent { display: block !important; overflow: visible;}
  2. #bookmarksBarContent toolbarseparator { display: inline !important; }
  3. #bookmarksBarContent .bookmark-item { visibility: visible !important; }
  5. .places-toolbar-items { display: block !important; height: 33px !important; overflow-y: auto !important; }
  6. .chevron { display: none !important; }


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.