Favicons on Bookmarks Toolbar on Mac

Discuss application theming and theme development.
Post Reply
User avatar
Korou
Posts: 82
Joined: January 20th, 2004, 5:31 pm

Favicons on Bookmarks Toolbar on Mac

Post by Korou »

In the default Firefox theme (1.5 and 2.0 RC1) on a Macintosh, favicons do not show up on the Bookmarks Toolbar. Various other themes (e.g. Pinstripe for Firefox) also lack the favicons. However, other themes (e.g. Phoenity Modern) <em>do</em> have favicons show up on the Bookmarks Toolbar.

What's toggling whether or not the favicons are showing up?

Image
Pinstripe: no favicons on toolbar

Image
Phoenity Modern: favicons on toolbar
shorlander
Posts: 183
Joined: November 10th, 2003, 8:28 pm
Contact:

Post by shorlander »

The lack of Favicons in Pinstripe is intentional.

You could turn them on if you put this in your userChrome.css

Code: Select all

.bookmark-item > .toolbarbutton-icon {
   display: block !important;
   padding-right: 3px !Important;
}

.bookmark-item:hover > .toolbarbutton-icon {
   background: url("chrome://browser/skin/bookmark-hover-right.png") no-repeat left center !important;
}
Aronnax!
Posts: 1006
Joined: October 1st, 2004, 10:24 am
Location: Germany
Contact:

Post by Aronnax! »

try this:

.bookmark-item > .toolbarbutton-icon {
margin: 0px !important;
width: 16px !important;
height: 16px !important;
display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}

-----
and you will have these cluttered style
wentzm
Posts: 7
Joined: July 13th, 2006, 11:17 am

Post by wentzm »

Aronnax! wrote:try this:

.bookmark-item > .toolbarbutton-icon {
margin: 0px !important;
width: 16px !important;
height: 16px !important;
display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}


This worked, but for some reason my favicons were being smushed a little. When I tried commenting out the width and height, somehow the favicon for truthout.org was severely over-sized and looked awful. So I went back to width 16px and changed height to 18px and it looks fine.

---------------
FF2 OSX 10.4.8
User avatar
marcusmd82
Posts: 2
Joined: January 6th, 2007, 9:44 am
Location: Austin, TX

thanks

Post by marcusmd82 »

Thanks for the help y'all... This quirky thing was driving me nuts.
Marcus
User avatar
CatThief
Posts: 1854
Joined: January 19th, 2004, 12:19 am
Location: Northeast USA

Post by CatThief »

Marcus, I think you need to resize your avatar to something a bit smaller. :shock: Forum rules have a 100 pixels x 100 pixels/13KB limit.
Still passionate for Mozilla themes and extensions, just not actively developing them for public release anymore.
User avatar
marcusmd82
Posts: 2
Joined: January 6th, 2007, 9:44 am
Location: Austin, TX

Post by marcusmd82 »

my bad.
Post Reply