X
Tap here to go to the mobile version of the site.

Support Forum

How do I remove icons from the bookmark toolbar? FF 69.0 broke my previous solution

Posted

Prior to upgrading to FF 69.0 I had my chrome file configured to hide icons in my bookmark toolbar. With the update to FF 69.0, the icons have reappeared. How do I fix this again? Previously I had utilized this method:

"Yes, you can paste the full code posted above including the @namespace line. The :not([container]) selector means that you still have the folder icons with bookmarks folders. If you want to hide the icons for folders as well then leave out this selector."

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#personal-bookmarks .bookmark-item .toolbarbutton-icon {
 display:none!important;
Prior to upgrading to FF 69.0 I had my chrome file configured to hide icons in my bookmark toolbar. With the update to FF 69.0, the icons have reappeared. How do I fix this again? Previously I had utilized this method: "Yes, you can paste the full code posted above including the @namespace line. The :not([container]) selector means that you still have the folder icons with bookmarks folders. If you want to hide the icons for folders as well then leave out this selector." <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #personal-bookmarks .bookmark-item .toolbarbutton-icon { display:none!important;</nowiki></pre>

Modified by cor-el

Chosen solution

You need to use browser.xhtml instead of browser.xul

@-moz-document url(chrome://browser/content/browser.xhtml){
#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon { display: none !important; }
}
Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

OpenH264 Video Codec provided by Cisco Systems, Inc. Widevine Content Decryption Module provided by Google Inc.

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; rv:69.0) Gecko/20100101 Firefox/69.0

More Information

cor-el
  • Top 10 Contributor
  • Moderator
17540 solutions 158601 answers

Note that your code is missing a closing curly bracket (}) That code in userChrome.css should still be working.

Firefox 69 blocks userChrome.css and userContent.css by default. You can check this pref on the about:config page to see if it is set to true.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* leave icon for folders */
#personal-bookmarks .bookmark-item:not([container=true]) .toolbarbutton-icon {
 display:none!important;
}
Note that your code is missing a closing curly bracket (}) That code in <b>userChrome.css</b> should still be working. Firefox 69 blocks userChrome.css and userContent.css by default. You can check this pref on the <b>about:config</b> page to see if it is set to true. *toolkit.legacyUserProfileCustomizations.stylesheets = true You can open the <b>about:config</b> page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue. *https://support.mozilla.org/en-US/kb/about-config-editor-firefox <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* leave icon for folders */ #personal-bookmarks .bookmark-item:not([container=true]) .toolbarbutton-icon { display:none!important; } </nowiki></pre>
Was this helpful to you?
Quote

Question owner

Toggled it to false with no change. Any other suggestions?

Toggled it to false with no change. Any other suggestions?
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8775 solutions 71736 answers

lgsasso said

Toggled it to false with no change.

No, you need it to be true.

''lgsasso [[#answer-1250103|said]]'' <blockquote> Toggled it to false with no change. </blockquote> No, you need it to be true.
Was this helpful to you?
Quote

Question owner

It was originally set to true. Toggled it to false and then back with no change.

It was originally set to true. Toggled it to false and then back with no change.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8775 solutions 71736 answers

What is the totality of your userChrome.css file? Since this site isn't good for posting code, if you don't mind sharing, you can create an anonymous paste on Pastebin: https://pastebin.com/

Select CSS for the Syntax Highlighting to make it easier to read.

What is the totality of your userChrome.css file? Since this site isn't good for posting code, if you don't mind sharing, you can create an anonymous paste on Pastebin: https://pastebin.com/ Select CSS for the Syntax Highlighting to make it easier to read.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17540 solutions 158601 answers

Did you verify that the userChrome.css is still in the chrome folder in the current profile folder as it is possible that a new profile has been created.

Also make sure that the file doesn't have a hidden extra .txt or .css file extension (userChrome.css.txt, userChrome.css.css).

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

Did you verify that the userChrome.css is still in the chrome folder in the current profile folder as it is possible that a new profile has been created. Also make sure that the file doesn't have a hidden extra .txt or .css file extension (userChrome.css.txt, userChrome.css.css). You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the <b>about:profiles</b> page. *Help -> Troubleshooting Information -> Profile Directory:<br>Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder *http://kb.mozillazine.org/Profile_folder_-_Firefox
Was this helpful to you?
Quote

Question owner

userChrome.css is in the current profile folder and there are no hidden files. i created a paste file per jscher2000's suggestion.

userChrome.css is in the current profile folder and there are no hidden files. i created a paste file per jscher2000's suggestion.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8775 solutions 71736 answers

lgsasso said

i created a paste file per jscher2000's suggestion.

Sorry, forgot to mention, you need to give us a link to it.

''lgsasso [[#answer-1250139|said]]'' <blockquote>i created a paste file per jscher2000's suggestion. </blockquote> Sorry, forgot to mention, you need to give us a link to it.
Was this helpful to you?
Quote

Question owner

https://pastebin.com/TbvKYcT9
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17540 solutions 158601 answers

Chosen Solution

You need to use browser.xhtml instead of browser.xul

@-moz-document url(chrome://browser/content/browser.xhtml){
#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon { display: none !important; }
}
You need to use browser.xhtml instead of browser.xul <pre><nowiki>@-moz-document url(chrome://browser/content/browser.xhtml){ #personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon { display: none !important; } }</nowiki></pre>
Was this helpful to you? 1
Quote

Question owner

Thanks Cor-el, that worked. I very much appreciate your help!

Thanks Cor-el, that worked. I very much appreciate your help!
Was this helpful to you?
Quote
bhs67 0 solutions 1 answers

I like Firefox, except for this annoying handicap --- wondering why? Many of us want to remove Bookmark Toolbar Icons (they consume valuable space).

I like Firefox, except for this annoying handicap --- wondering why? Many of us want to remove Bookmark Toolbar Icons (they consume valuable space).
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8775 solutions 71736 answers

Hi bhs67, were you able to use the userChrome.css workaround in the first reply? If you aren't familiar with userChrome.css, I have a website with more information here: https://www.userchrome.org/

Hi bhs67, were you able to use the userChrome.css workaround in the first reply? If you aren't familiar with userChrome.css, I have a website with more information here: https://www.userchrome.org/
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.