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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How to remove icons in menu bar

  • 9 bhfreagra
  • 1 leis an bhfadhb seo
  • 13 views
  • Freagra is déanaí ó cor-el

more options

Hi guys, does anyone know how to remove icons in menu bar? Thanks in advance.

Hi guys, does anyone know how to remove icons in menu bar? Thanks in advance.
Attached screenshots

Athraithe ag tkrojam ar

All Replies (9)

more options

Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or userChrome.css is causing the problem.

  • switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
  • do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window
more options

Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?

more options

jscher2000 - Support Volunteer said

Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?

Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!

Could you please guide me which part of userChrome.css I should edit then?

more options

cor-el said

Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or userChrome.css is causing the problem.
  • switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
  • do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window

Could you please guide me which part of userChrome.css I should edit to remove icons in menu bar?

more options

tkrojam said

jscher2000 - Support Volunteer said

Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?

Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!

Could you please guide me which part of userChrome.css I should edit then?

Are you using rules from an online repository? Usually they would have /* comments */ indicating what the different sections of code do, which would help with tracking down what is adding the icons.

more options

jscher2000 - Support Volunteer said

tkrojam said

jscher2000 - Support Volunteer said

Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?

Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!

Could you please guide me which part of userChrome.css I should edit then?

Are you using rules from an online repository? Usually they would have /* comments */ indicating what the different sections of code do, which would help with tracking down what is adding the icons.

Since I'm not good at coding/programming, I found a closest section which may be related from userChrome.css, could you have a look on the following?

/*= Menubar - Icons ===========================================*/ @-moz-document url("chrome://browser/content/places/places.xhtml") {

 @media (-moz-gtk-csd-available) {
   #organizeButton,
   #viewMenu,
   #maintenanceButton,
   #back-button,
   #forward-button,
   #clearDownloadsButton {
     fill: currentColor !important;
     -moz-context-properties: fill !important;
   }
   /* Add */
   #organizeButton {
     list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
   }
   #viewMenu {
     list-style-image: url("./icons/sort.svg") !important;
   }
   #maintenanceButton {
     list-style-image: url("./icons/import-export.svg") !important;
   }
   #clearDownloadsButton {
     list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
   }
   #clearDownloadsButton > .toolbarbutton-icon {
     display: -moz-inline-box !important;
     margin-top: 0;
     margin-bottom: 0;
     margin-inline-start: 0;
     margin-inline-end: 2px;
   }
   /* Replace */
   #back-button {
     list-style-image: url("chrome://browser/skin/back.svg") !important;
   }
   #forward-button {
     list-style-image: url("chrome://browser/skin/forward.svg") !important;
   }
   #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
   #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
     transform: scaleX(-1) !important;
   }
 }

}

/** Panel - Icons *************************************************************/

more options

I think the following refers to the Library window (Manage Bookmarks) and not to the main window.

@-moz-document url("chrome://browser/content/places/places.xhtml")

So probably it is a different section.

more options

jscher2000 - Support Volunteer said

I think the following refers to the Library window (Manage Bookmarks) and not to the main window. @-moz-document url("chrome://browser/content/places/places.xhtml") So probably it is a different section.

Since I'm not good at coding/programming, could you download it to have a look? https://www.sendspace.com/file/z6qbx9

more options

Looks like this section:

/** Global Menu ***************************************************************/
/*= main-menubar =============================================================*/
#file-menu {
  --menuitem-image: url("./icons/mail-inbox-all.svg");
}
#edit-menu {
  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
}
#view-menu {
  --menuitem-image: url("./icons/content-view.svg");
}
#history-menu {
  --menuitem-image: url("chrome://browser/skin/history.svg");
}
#bookmarksMenu {
  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
}
#tools-menu {
  --menuitem-image: url("./icons/toolbox.svg");
}
#helpMenu {
  --menuitem-image: url("chrome://global/skin/icons/help.svg");
}