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 can I increase the font size of the text in the dropdown list of a live bookmark?

  • 6 replies
  • 1 has this problem
  • 2 views
  • Last reply by wd0d

more options

I have successfully increased the size to all other text areas of Firefox, but I can't seem to find any way to increase the font size of the Live Bookmark dropdown list. I'm using FF 58.

I have successfully increased the size to all other text areas of Firefox, but I can't seem to find any way to increase the font size of the Live Bookmark dropdown list. I'm using FF 58.

All Replies (6)

more options

What code in userChrome.css are you currently using for bookmarks?

Where do you want to modify the font-size (Bookmarks menu, Bookmarks Toolbar, sidebar)?


Add code to the userChrome.css file below the default @namespace line.


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

#navigator-toolbox .bookmark-item[container="true"][livemark="true"] menupopup :-moz-any(menu,menuitem) {
 font-size: 20px !important;
}
more options

I am using the following in userchrome

/* Multi-Row Bookmarks Toolbar */
#PersonalToolbar {
  /* Provide room for up to 4 rows at 26px */
  max-height: 104px !important;
}
#PlacesToolbarItems > box {
  display: inline-block !important;
}
#PersonalToolbar #PlacesToolbarItems {
  /* Override hiding */
  overflow-x: visible !important;
  overflow-y: visible !important;
  /* Add a little cushion */
  padding-bottom: 1px;
}
#PersonalToolbar #PlacesToolbarItems .bookmark-item {
  /* Reduce padding on individual bookmarks to fit rows closer together */
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
/* Tab bar below Navigation and Bookmarks Toolbars for est results, show Title Bar or Menu Bar */
#nav-bar {/*main toolbar*/-mox-box-ordinal-group:1!important;border-top-width: 0 !important;}
#PersonalToolbar{/*bookmarkstoobar*/-moz-box-ordinal-group:2!important;}
#TabsToolbar{/*tab bar*/ -moz-box-ordinal-group:3!important;}
#personal-bookmarks .bookmark-item > .toolbarbutton-text { font-size:12pt !important; font-weight:bold;

This gives me multirow bookmarks, as well as larger bookmark text for the headings, which is in bold type font as well. All I am lacking is larger dropdown text size. The dropdown text size is roughly the same size as the FF tab headers.

Thanks for any help you can provide

Modified by cor-el

more options

I notice a missing closing bracket (}) in the last line. I don't know if it got lost with pasting or that this

#personal-bookmarks .bookmark-item > .toolbarbutton-text { font-size:12pt !important; font-weight:bold;

Should be:

#personal-bookmarks .bookmark-item > .toolbarbutton-text { font-size:12pt !important; font-weight:bold;}

This code will only affect bookmarks on the Bookmarks Toolbar and not bookmarks in a drop-down list (folder).

Did you try to add the code I posted about?

Note that I use .bookmark-item[container="true"][livemark="true"]. This means only livemark items are affected since you mentioned them specifically.

  • [container="true"] means a bookmarks folder
  • [livemark="true"] means a live bookmarks folder
more options

I added the bracket, but nothing changed. The referenced text was already bold and it stayed bold.

I added your lines at the bottom of my text file, but they had no effect on the font size, sorry. Any other thoughts?

more options

This code should work for all menu items in the #navigator-toolbox. Best is to place code at the bottom of the userChrome.css file.

#navigator-toolbox menupopup :-moz-any(menu,menuitem) {
 font-size: 20px !important;
}
more options

I tried your suggestion, nothing changed here is a screen grab that shows the situation. I would like the dropdown text size to be larger, closer to the bookmark size.

Thanks for your efforts.

Modified by wd0d