This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I am using the following code in userCrome.css

  • 4 replies
  • 2 have this problem
  • 6 views
  • Last reply by n3pla2000

more options

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?

I am using the following code in my userCrome.css: <pre><nowiki> #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; } </nowiki></pre> 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... <pre><nowiki> #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; } </nowiki></pre> Is there some way to inform firefox more precisely what I am attempting to do?

Modified by cor-el

All Replies (4)

more options

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

more options

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]) {}

Modified by cor-el

more options

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!

more options

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.