![I-Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
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?
Okulungisiwe
All Replies (4)
P.S. the "code" show was altered slightly by the form. The pound symbols were replaced by a numeral "1" followed by period/decimal.
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]) {}
Okulungisiwe
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!
The code:
- 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.