[solved] Individual Folder Icon - FF57

[Arnold_Clegg]

Hello,

is there a possibility to set a individual folder icon in FF57. I hate these grey "things".

I was used to depositing icons without labels.
With "Favicon Changer" I could also gave every folder his own icon.

Now, with this userchrome.css - can I realize it with this? and how?

greetings
arnold

[BuddhaNature]

Read this thread, full instructions are given there including a beginner's guide on how to achieve this by using userChrome.css file: Bookmarks Folder color Two solutions to this issue are given there, try both and see which one you prefer. That said, it won't get you the flexibility you had before with your add-on, but it's better than the awful grey folder icons.

[Arnold_Clegg]

Thanks a lot.
But if I read it right, it only gives all folders the same (other) icon...

I try to get an individual icon to each (some) folder.
so I did so:

Code: Select all

/* change folder icons for bookmark toolbar folders */
#personal-bookmarks toolbarbutton[label="u"] .toolbarbutton-icon {
  display: block !important;
  list-style-image: url('uT.png') !important;
  -moz-image-region: auto !important;
}

but this makes no difference. its still gray.


What have I to insert into the userChrome.css ?

greetings
Arnold

[Gingerbread Man]

The following works on the Bookmarks Toolbar and both Bookmarks menus. In this example, the icons are saved in <Firefox profile>\chrome\icons. I find it easiest to put them there, since you don't have to mess around with full file:/// paths. You can also link to icons on the web instead.
Add this to userChrome.css. Replace the stuff between quotation marks: folder name and icon filename. When finished, save the file and restart Firefox.

Code: Select all

/* Bookmark folder icon replacement */
.bookmark-item[label="FOLDER NAME GOES HERE"] {
  list-style-image: url("./icons/YOUR_ICON_HERE.ico") !important;
}

[Arnold_Clegg]

I changed the stuff between quotation marks... but nothing changes.

Greetings

[BuddhaNature]

Can you post the code you actually used after you made the changes between quote marks?

[Arnold_Clegg]

of course, sorry...
That's what stands in my userChrome.css

Code: Select all

/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


.bookmark-item[label="u"] {
  list-style-image: url("uT.png") !important;
}

Thats all the code in there.
I have the icons in the Chrome-Folder

[Gingerbread Man]

Is u literally the folder name?
Something wrong with your image maybe? Try an icon from the web instead, e.g.

Code: Select all

http://forums.mozillazine.org/static/common/images/favicon.ico

[BuddhaNature]

I tried this on my own system with the following results (obviously I set myself up with uT.png and uT.ico files to test with).

(1) I tried the code as you gave it using ("uT.png") That didn't work.

(2) I amended the code you gave with an actual .ico file - ("uT.ico") That did work.

(3) Kind of bemused by that so went backwards to retry ("uT.png") Surprise surprise that code started working.

Lord knows how that happened, but would suggest see if you can replicate that result on your own system.

Above said, it was also the case that though the icon showed up in the Bookmarks drop-down menu it doesn't show up in the "Show All Icons" dialogue window.

[BuddhaNature]

I just tried this with the .ico file that Gingerbread points to. Didn't work. I had a look at the favicon.ico file in an image viewer and it shows as fine, so not corrupt.

(To avoid any confusion, when doing all these tests I did setup a folder in Bookmarks with the title "u".)

[Arnold_Clegg]

yes, the folder name is "u".

No, it doesn't work, either with .ico nor .png or the "http://forums.mozillazine.org/static/co ... avicon.ico"

see images.

(sorry for that link, but I can't find an attach button...)

greetings

[BuddhaNature]

Damn! Made a mistake in my testing of Gingerbread's favicon file. I had a section of code before Arnold's code I wanted to test that turned the default folders from their grey colour into the old style yellow colour folders. Once I spotted my mistake I disabled that code and ran the test again. Result: the Gingerbread's favicon.ico file worked fine.

Apologies for the error.

[Arnold_Clegg]

So, if the code works for you, so why does he do it for me? It can't be. (same thing)

i even create the "icon"-folder in folder "chrome", put the web-favicon in there --> nothing

[BuddhaNature]

Just to prove that it's working on my system (at least for the Bookmarks drop-down menu):

Firefox Bookmarks Icon

[Arnold_Clegg]

ok fellas,
that happens when you grow old...
instead "userchrome.css" i messed it up with my thick fingers and old eyes. So I got a twister in the name: "userchorme.css".
How awkwardly.

Finally all works fine. Thanks to all out there, you do a fine job.
best wishes.
I had to make a break