Comments on: Getting bookmark icons back on your toolbar

By: Siemer

Siemer — Thu, 23 Oct 2008 11:29:41 +0000

Works great with the Favicon Picker addon, thanks all!

https://addons.mozilla.org/en-US/firefox/addon/7849

With Abdulkadir Topals fix my code looks like this:

/* Add back icons in the Bookmarks Toolbar */
.bookmark-item > .toolbarbutton-icon {
display: -moz-box !important;
padding-right: 3px !important;
background-position: 0px 1px !important;
}

.bookmark-item:hover > .toolbarbutton-icon {
background: url(“chrome://global/skin/toolbar/toolbarbutton-customhover-mid.png”) repeat-x;
}

.bookmark-item[container]:hover:active > .toolbarbutton-icon,
.bookmark-item[container][open="true"] > .toolbarbutton-icon {
background: url(“chrome://browser/skin/bookmark-open-mid.png”) repeat-x !important;
}

By: dreiE

dreiE — Fri, 04 Jul 2008 18:51:07 +0000

The following css will only show the favicon if there’s one, otherwise there will be just the text.

.bookmark-item[image] > .toolbarbutton-icon {
display: -moz-box ! important;
background-position: 0px 1px !important;
padding-right: 3px ! important;
}

By: Daniel Einspanjer

Daniel Einspanjer — Tue, 25 Mar 2008 18:51:41 +0000

Thanks for this. I used this code and a couple of comments with tweaks to create a Stylish script for people who don’t want to edit userChrome.

http://userstyles.org/styles/5969

By: PowerLlama

PowerLlama — Sat, 15 Mar 2008 00:18:58 +0000

So ignore my last comment. Turns out I was editing the userChrome file with textedit, which wasn’t saving the file as a plaintext document. Once I fixed that, it all worked.

Is it just me, or do the favicons look gigantic? Is there a way of toning them down?

By: PowerLlama

PowerLlama — Fri, 14 Mar 2008 21:50:52 +0000

Does this work in the beta 3 builds? I stuck this in the userChrome.css file and restarted firefox, but it didn’t seem to have helped.

By: Markc

Markc — Mon, 11 Feb 2008 16:55:21 +0000

This post prompted me to finally dig out the DOM inspector and go looking at the bookmarks toolbar in a little more detail. I’ve always wanted to specifically remove the favicons from certain bookmarks so that they take up less space. I’ve documented the userChrome.css changes needed here:

http://www.peppertop.com/blog/?p=47

By: My Green Life » Blog Archive » Removing bookmark favicons from your toolbar

Mon, 11 Feb 2008 16:52:54 +0000

[...] I stumbled across this post about showing favicons for bookmarks which appear on the bookmarks toolbar of a Mac version of [...]

By: Bob

Bob — Wed, 06 Feb 2008 23:45:23 +0000

This is really nice. I have one small problem, the background color on the icon does not get reversed when hovering over the link (so it looks like there is a bite out since the rest gets reversed). This looks especially funny when there is no name. Is there a way to fix this?

By: Edoardo

Edoardo — Tue, 05 Feb 2008 19:41:01 +0000

Great hack! I have added
.bookmark-item[container] > .toolbarbutton-icon { display: none ! important }
to avoid the folder icons.

By: Robert Accettura

Robert Accettura — Tue, 05 Feb 2008 13:40:57 +0000

Nice. Personally I’d prefer they were enabled on Mac by default. i don’t think it’s entirely necessary to copy Safari to be popular. Firefox should adapt to the OS (native looking skinning, widgets, etc), but it doesn’t have to be a carbon copy.