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?
Pinstripe: no favicons on toolbar
Phoenity Modern: favicons on toolbar
Favicons on Bookmarks Toolbar on Mac
-
- Posts: 183
- Joined: November 10th, 2003, 8:28 pm
- Contact:
The lack of Favicons in Pinstripe is intentional.
You could turn them on if you put this in your userChrome.css
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;
}
-
- Posts: 1006
- Joined: October 1st, 2004, 10:24 am
- Location: Germany
- Contact:
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
.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
-
- Posts: 7
- Joined: July 13th, 2006, 11:17 am
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
- marcusmd82
- Posts: 2
- Joined: January 6th, 2007, 9:44 am
- Location: Austin, TX
thanks
Thanks for the help y'all... This quirky thing was driving me nuts.
Marcus
Marcus
- CatThief
- Posts: 1854
- Joined: January 19th, 2004, 12:19 am
- Location: Northeast USA