Posted By

Jacolyte on 09/11/08


css Firefox wrap bookmark 3 chrome toolbar

Versions (?)

Who likes this?

1 person have marked this snippet as a favorite


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

  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  

You need to login to post a comment.