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