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 do I extend Awesome Bar's drop-down to show all 12 frequented websites instead of only 6?

more options

Back when I was on FF 41, my Awesome Bar showed all 12 frequently visited websites when I clicked the arrow to expand the bar to show them. Now it shows 6 with a scroll bar to scroll and see all 12 entries. I had some trouble upgrading to FF42/43 and I had to refresh my profile so I can't pinpoint if this is a problem with the latest Firefox or with my profile refresh, though I think it might be with the latest Firefox. I've tried refreshing my profile again and it always shows 6 entries. I'd like to go back to being able to see all 12.

Back when I was on FF 41, my Awesome Bar showed all 12 frequently visited websites when I clicked the arrow to expand the bar to show them. Now it shows 6 with a scroll bar to scroll and see all 12 entries. I had some trouble upgrading to FF42/43 and I had to refresh my profile so I can't pinpoint if this is a problem with the latest Firefox or with my profile refresh, though I think it might be with the latest Firefox. I've tried refreshing my profile again and it always shows 6 entries. I'd like to go back to being able to see all 12.

All Replies (1)

more options

You can override the standard length of 6 items using a custom style rule. You can apply custom style rules to Firefox's user interface using either the Stylish extension or a userChrome.css file. I use Stylish because it is easy to preview and experiment. However, if you already have a userChrome.css file, then you can add the rule below (without the namespace line) to the file.


You can install Stylish from the Add-ons site: https://addons.mozilla.org/firefox/addon/stylish/

then:

(1) Select and copy this style block:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #PopupAutoCompleteRichResult .autocomplete-richlistbox {   height: 46em !important;   max-height: 46em !important; }

(2) Click the Stylish "S" icon on the toolbar, then Write New Style > Blank Style. This should open a new tab. To work with your rule in a floating window, right-click the tab > Move to New Window, then you can resize it to your pleasure.

(3) In the large editing area, paste the rule. Then click Preview to see the effect. if it works, go ahead and give it a name and save it.

Note: In this case, the rule does not seem to affect existing windows, but if you click Preview and then launch a new window (Ctrl+n), the menu should show 12 items without scrolling.

Since fonts sizes may differ, if you find that you are not seeing the expected number of items, you can adjust the 54em (e.g., try 55em) (1 em is approximately 16 pixels).