We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

customize bookmarks icons with userChrome.css doesn't work

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by mfran2002

mfran2002
mfran2002
more options

Hi there, I run Firefox quantum 61.0 on win7pro and I would like to customize the icons of my bookmarks.

I found a waay creating the file chrome/userChrome.css in my own firefox profile folder, but it seems not working

After the creation and save of the file I closed and restarted firefox but nothing happened

do you know what I miss or where is my error? thank you!

this is the .css file, copy/paste:

/* First line of userChrome.css must be this: */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Custom favicon for this bookmark */ .bookmark-item[label="TIM"] image { width:0!important; height:0!important; padding: 0 0 16px 16px !important; background-image: url(data:image/png;base64,iVBORw0KGg....the code run off the page...QmCC);!important; }

Hi there, I run Firefox quantum 61.0 on win7pro and I would like to customize the icons of my bookmarks. I found a waay creating the file chrome/userChrome.css in my own firefox profile folder, but it seems not working After the creation and save of the file I closed and restarted firefox but nothing happened do you know what I miss or where is my error? thank you! this is the .css file, copy/paste: /* First line of userChrome.css must be this: */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Custom favicon for this bookmark */ .bookmark-item[label="TIM"] image { width:0!important; height:0!important; padding: 0 0 16px 16px !important; background-image: url(data:image/png;base64,iVBORw0KGg....the code run off the page...QmCC);!important; }

Modified by mfran2002

Chosen solution

Hi. the code runs off the page.like really far as am on a 32"

Might want to update to version 62 by going to Help --> About as there is no reason to help with the code when your going to update and it will break.

So with that being said do up date,

You can check for code here : https://www.reddit.com/r/FirefoxCSS/ also if this has been updated : https://www.userchrome.org/what-is-userchrome-css.html

Read this answer in context 👍 0

All Replies (2)

Shadow110
Shadow110
more options

Chosen Solution

Hi. the code runs off the page.like really far as am on a 32"

Might want to update to version 62 by going to Help --> About as there is no reason to help with the code when your going to update and it will break.

So with that being said do up date,

You can check for code here : https://www.reddit.com/r/FirefoxCSS/ also if this has been updated : https://www.userchrome.org/what-is-userchrome-css.html

mfran2002
mfran2002 Question owner
more options

thank you! solved!

Modified by mfran2002