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

How could I rename an item from the main menu bar ("File", "Edit"...)? With userChrome.css I've changed the "content", but the "label" got written next.

  • 1 reply
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

more options

I'm trying to change the name of the main menu item "Bookmarks". As for the submenu items, I was successful with modifying their "content" via userChrome.css. But setting some different name in a "content" of the bookmarksMenu this way only results in displaying the new name of the menu with its label "Bookmarks" next. How can I change the label or supress its displaying?

I'm trying to change the name of the main menu item "Bookmarks". As for the submenu items, I was successful with modifying their "content" via userChrome.css. But setting some different name in a "content" of the bookmarksMenu this way only results in displaying the new name of the menu with its label "Bookmarks" next. How can I change the label or supress its displaying?

Chosen solution

You can't change the name of a menu item via code in userChrome.css because you can only use that file to make CSS changes and not to change attributes.
If you use a content property {content: "new label"} then you only add some text before or after the existing text if you want the button to stay working.
You would need to create a simple extension to make such a change or possibly use the userchromeJS extension.

Read this answer in context 👍 2

All Replies (1)

more options

Chosen Solution

You can't change the name of a menu item via code in userChrome.css because you can only use that file to make CSS changes and not to change attributes.
If you use a content property {content: "new label"} then you only add some text before or after the existing text if you want the button to stay working.
You would need to create a simple extension to make such a change or possibly use the userchromeJS extension.