Can I customize the order of the options in the right-click dropdown menu so that I can move "Inspect Element" to the bottom in order to access it more quickly?
This is admittedly because I'm coming from Chrome, but I'm used to "Inspect Element" being on the bottom of the right click dropdown menu. And a bit along the line of Fitt's law, it's much easier for me to move my mouse to the ends of the right click dropdown menu than to move it somewhere in the middle, as I don't need to look at each option to know where to go. It's very minor, but it'd be nice if I can change this. I also know there's a hotkey (Q), but that's only faster if I'm using two hands and my other hand is already on the keyboard.
Chosen solution
Try this code in userChrome.css.
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 */
#inspect-separator, #context-inspect {-moz-box-ordinal-group:100}
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 text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
See also:
- https://www.userchrome.org/how-create-userchrome-css.html
- https://www.userchrome.org/what-is-userchrome-css.html
All Replies (1)
Chosen Solution
Try this code in userChrome.css.
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 */
#inspect-separator, #context-inspect {-moz-box-ordinal-group:100}
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 text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
See also: