MozillaZine

[solved] Individual Folder Icon - FF57

User Help for Mozilla Firefox
Arnold_Clegg
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 26th, 2017, 11:50 am

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
Last edited by Arnold_Clegg on November 27th, 2017, 11:07 am, edited 1 time in total.

BuddhaNature

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 26th, 2017, 3:15 pm

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
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 1:45 am

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

User avatar
 
Posts: 7736
Joined: January 30th, 2007, 10:55 am

Post Posted November 27th, 2017, 4:43 am

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
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 7:16 am

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

Greetings

BuddhaNature

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 27th, 2017, 7:24 am

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

Arnold_Clegg
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 7:42 am

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

User avatar
 
Posts: 7736
Joined: January 30th, 2007, 10:55 am

Post Posted November 27th, 2017, 8:33 am

Image

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

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 27th, 2017, 8:35 am

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

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 27th, 2017, 8:56 am

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
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 9:07 am

yes, the folder name is "u".

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

see images.

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

greetings

BuddhaNature

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 27th, 2017, 9:15 am

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
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 9:34 am

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

:-k

BuddhaNature

User avatar
 
Posts: 204
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Post Posted November 27th, 2017, 10:22 am

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

ImageFirefox Bookmarks Icon

Arnold_Clegg
 
Posts: 8
Joined: November 26th, 2017, 11:38 am

Post Posted November 27th, 2017, 10:38 am

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

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 10 guests