Posted By

Jacolyte on 09/11/08


Tagged

css Firefox wrap bookmark 3 chrome toolbar


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

alvaroisorna


Firefox 3 userChrome.css: wrap your livebookmarks


 / Published in: CSS
 

URL: http://jacolyte.com

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; }
  4.  
  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.