Customize URL Bar
Howdy, Need to customize URL Bar. As seen in the snapshot, there's a drop down button at far right end. I'd like to completely remove it, and if possible, just leave one item "Copy Link". This seems useful, if just be there as a button, not a drop down button. Is there a way to convert ... button to Copy Link button (no drop down). If not, completely remove ... button. Any way to do so?
---
2nd question would be that how can I remove the bookmark star inside the URL Bar right side? And replace it with Reload (F5) button, like a previous Firefox UI?
Why with each version we have some major UI changes in Firefox?
Open source means that any developer can make any change he wants just because he's working for free?
UI is much more stable in commercial software since it's engineered at first place.
And during software lifecycle, it's not having huge changes like this freeware!
Cheers.
การตอบกลับทั้งหมด (6)
Hi,
You can do some of what you want directly from the UI. To remove the bookmark star, right-click on it, and choose "remove from address bar". To move "copy link" into the address bar, right-click on it and choose "add to address bar".
I don't believe there's an easy way to put the reload button inside the URL bar, but you can move it to the right of the URL bar, similar to where it was before. Click on the hamburger menu (the button with three horizontal lines in the upper-right), choose "customize", drag the reload button to the right of the URL bar, and choose "done".
To remove the ... icon, you'll need to use a userChrome.css file. Follow the instructions here: https://www.userchrome.org/how-create-userchrome-css.html , and when you get to the "adding style recipes section", add this:
#pageActionButton { display: none; }
Hope that helps!
Thanks a lot, was so easy to remove Bookmarks Star & add Copy Link to URL bar. Now just need to remove ... icon/button. No way to do so via about:config ?!
And now that I removed Bookmark star and moved reload to the right, where this settings is saved so I can restore it on another system after an unatteneded setup? Thanks anyway :)
Like I mentioned in my reply earlier, you'll need to create a userChrome.css file to remove the ... button. Follow the instructions here to do that: https://www.userchrome.org/how-create-userchrome-css.html , and when you get to the "adding style recipes" step, add this text:
#pageActionButton { display: none; }
The settings for these changes are going to be located somewhere in your profile folder (which is C:\Users\<your username>\AppData\Roaming\Firefox), I'm not sure exactly which file it's stored in.
Hi, Where can I get the internal name of Main Menu > History All items inside it? To remove them all one by one except one item "Clear Recent History" Like this:
- appMenu-more-button {display:none!important;}
So History Menu will only have 1 sub menu inside. Thanks :)
omidsolo said
And now that I removed Bookmark star and moved reload to the right, where this settings is saved so I can restore it on another system after an unatteneded setup?
In the prefs.js file in your currently active profile folder, your toolbar button layout changes are stored in a preference named browser.uiCustomization.state (which you can view in about:config if you want to more conveniently copy it out to a text file).
omidsolo said
Hi, Where can I get the internal name of Main Menu > History All items inside it? To remove them all one by one except one item "Clear Recent History" Like this: #appMenu-more-button {display:none!important;} So History Menu will only have 1 sub menu inside.
You can use the Browser Toolbox to explore around the UI to discover CSS selectors for various items. It's also great for "live" editing the UI (there is a brief delay after you make a change in userChrome.css on the Style Editor panel). See:
https://developer.mozilla.org/docs/Tools/Browser_Toolbox
For some parts of the UI, the selectors will be in the static skeleton of the UI, whose source you can view by copy/pasting the following to the address bar and pressing Enter to load it:
view-source:chrome://browser/content/browser.xul