I want to increase the number of bookmarks that can be viewed on the top of the page. How can I customize my toolbar such that I can resize the bookmarks smaller such that more bookmarks can fit in the page?
That is, I want the bookmarks to be more compact in the toolbar such that I can see more of them on the page.
Isisombululo esikhethiwe
You can modify the names to make them shorter and remove the favicons or only leave the favicons.
- Bookmarks Deiconizer: https://addons.mozilla.org/firefox/addon/bookmarks-deiconizer/
- Roomy Bookmarks Toolbar: https://addons.mozilla.org/firefox/addon/roomy-bookmarks-toolbar/
- Bookmark Favicon Changer: https://addons.mozilla.org/firefox/addon/bookmark-favicon-changer/
All Replies (3)
Isisombululo Esikhethiwe
You can modify the names to make them shorter and remove the favicons or only leave the favicons.
- Bookmarks Deiconizer: https://addons.mozilla.org/firefox/addon/bookmarks-deiconizer/
- Roomy Bookmarks Toolbar: https://addons.mozilla.org/firefox/addon/roomy-bookmarks-toolbar/
- Bookmark Favicon Changer: https://addons.mozilla.org/firefox/addon/bookmark-favicon-changer/
Beyond cor-el's very good suggestions, if you're really desperate to compress the bookmarks toolbar further and you're not afraid to muck around with the browser CSS, you can directly style the items on the toolbar so they're more compact.
Some of the more useful CSS properties governing the bookmarks toolbar are...
- toolbarbutton.bookmark-item — to style each of the bookmark toolbar items
- (max-width is one effective property; you can use it to force-clip bookmarks)
- .toolbarbutton-text — to style the label for each item
- You can opt to use smaller, more compact label fonts by styling this.
So, for instance, the following bit of CSS (which I use in my setup) labels the bookmarks with reduced-size, narrower text. (You have to have the DejaVu Sans Condensed font installed, obviously. Otherwise, choose a locally-available substitute such as Arial Narrow.)
/*
* Remove ".bookmark-item >" to style ALL toolbar button labels
*/
.bookmark-item > .toolbarbutton-text {
font-family: "DejaVu Sans Condensed" !important;
font-size: 8pt !important;
}
You can either pop that into userChrome.css and restart the browser, or (my preferred method) install the Stylish extension and create a new userstyle in the XUL namespace to style the browser chrome.
Thank you for the helpful advice to both of you. Not only it solved my limited space of bookmarks, but now I have more ways to work around!
Best,
YJ