cancel
Showing results for 
Search instead for 
Did you mean: 

I am using the following code in userCrome.css

Highlighted
New User

I am using the following code in userCrome.css

I am using the following code in my userCrome.css:

#personal-bookmarks .bookmark-item[container][label="Fleet"] {
 list-style-image:url('ufp.png') !important;
 -moz-image-region:auto !important;
}

#personal-bookmarks .bookmark-item[container][label="Fleet"] > .toolbarbutton-text {
 display:none !important; 
}

#personal-bookmarks .bookmark-item[container][label="Fleet"] > .bookmark-item {
 list-style-image:url('ufp.png') !important;
 -moz-image-region:auto !important; 
}

I was trying to make all folders under the folders not "Fleet" have the same icon as the "Fleet" folder. I also want to define all bookmarks (without their own icon) under the folder "Fleet" with a different icon. In this way all "Fleet" folders use the ufp.png icon, all "Fleet" bookmarks use another icon, unless of course their icon is defined by a favicon or individually in the userChrome.css.

So far this defines all items under "Fleet" as having the ufp.png icon. I even tried the following with the same result...

#personal-bookmarks .bookmark-item[container][label="Fleet"] {
 list-style-image:url('ufp.png') !important;
 -moz-image-region:auto !important;
}

#personal-bookmarks .bookmark-item[container][label="Fleet"] > .toolbarbutton-text {
 display:none !important; 
}

#personal-bookmarks .bookmark-item[container][label="Fleet"] > .bookmark-item[container] {
 list-style-image:url('ufp.png') !important;
 -moz-image-region:auto !important; 
}

Is there some way to inform firefox more precisely what I am attempting to do?

4 REPLIES
New User

Re: I am using the following code in userCrome.css

P.S. the "code" show was altered slightly by the form. The pound symbols were replaced by a numeral "1" followed by period/decimal.

Site Moderator

Re: I am using the following code in userCrome.css

The first two rules set the ufp.jpg icon for a folder with the label "Fleet" and hide the label name.
The third rule specifies the same ufp.jpg image for all items I'm not sure what you intend for bookmarks and folders under Fleet as I only see you using one ufp.jpg icon: "all "Fleet" bookmarks use another icon"

Folders under "Fleet" would have this selector:

#PlacesToolbarItems > .bookmark-item[container][label="Fleet"] .bookmark-item[container] {}

Normal bookmarks under "Fleet" would have this selector:

#PlacesToolbarItems > .bookmark-item[container][label="Fleet"] .bookmark-item:not([container]) {}
New User

Re: I am using the following code in userCrome.css

Exactly what I need, I think... I have not tried it out yet. The main reason I did not supply the second icon is; I didn't know how to prevent the first from over taking the sub-folders and bookmarks under "Fleet". I also felt insecure in attempting to assign icons to bookmarks with the "Fleet" folder.

Thank Very Much!

New User

Re: I am using the following code in userCrome.css

The code:

  1. PlacesToolbarItems > .bookmark-item[container][label="Fleet"] .bookmark-item:not([container]) {}

Does nothing for the bookmarks. The first portion of the code does assign variables to the sub-folders as it is meant to. The second portion shown above does not assign icons to bookmarks without their own icons.