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!

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Bookmarnk menu lines are too narrow, how can I customize it or restore its default style?

  • 1 个回答
  • 1 人有此问题
  • 1 次查看
  • 最后回复者为 cor-el

more options

I'm using Firefox developer edition 90.0b12

As seen in the attached picture, the bookmark menu lines are too narrow.

If I recall correctly, a couple years ago I customized it, but now I can't find any userChrome.css file anywhere.

How can I find why is it being displayed like that? or how can I restore its default display?

Thanks a lot

I'm using Firefox developer edition 90.0b12 As seen in the attached picture, the bookmark menu lines are too narrow. If I recall correctly, a couple years ago I customized it, but now I can't find any userChrome.css file anywhere. How can I find why is it being displayed like that? or how can I restore its default display? Thanks a lot
已附加屏幕截图

所有回复 (1)

more options

There is a max-width set for a bookmark-item (max-width: 32em;), so you previously had wider bookmarks then you had a rule in your userChrome.css to set a higher width or have "max-width:none;".

Note that you need to add the "!important" flag to override an existing rule.

/* Bookmark menus */
menu.bookmark-item,
menuitem.bookmark-item {
  max-width: none !important;  /*was 32em*/
}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

由cor-el于修改