Increase spacing between entries in Firefox drop-down menu bar?
I'm running Firefox Quantum, 64.0.2 on Windows.
I would like to increase the spacing between the entries in the drop down menus underneath File/Edit/History/Bookmarks/Tools/Help on Firefox. The entries all look too bunched together to me.
I've looked around Firefox/Mozilla message boards and found a few similar requests from over the last few years, but haven't had any success trying the posted CSS suggestions. I tired the addon Theme Font and Size Changer (https://addons.mozilla.org/en-US/firefox/addon/theme-font-size-changer/?src=search) but it no longer seems to work.
I'd love to have a new CSS written, one that I could easily tweak, but am unable to write it myself.
Is there someone who may be able to help?
Thanks,
Eric
All Replies (2)
WebExtensions do not have access to the user interface area. What you want to achieve can only be done via userChrome.css.
Can you attach a screenshot to show how it looks to you?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the screenshot
You can 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 */
/* spacing menu items */
#main-menubar :-moz-any(menu,menuitem) {
margin-top: 5px!important;
}
It is not that difficult to create 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 (name is case sensitive). In this 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 .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".
You need to close and restart Firefox when you create or modify the file.
Thanks for responding. I appreciate it
It wasn't difficult to follow your directions using the links you provided. (I learned a lot.)
I created the new chrome folder in profiles and added a txt document as you suggested, saving the file (userChrome.css) as "All Files".
I restarted Firefox and saw no change, so I went back into the new file to change the 5px to 10px. When I tried re-saving the file I saw that Windows had indeed added the silent .txt.
Is that txt extension keeping the file from being recognized and working? Any other thoughts?
I added a screen shot of what I'm looking for, adding more space in to the red areas.
Thanks.
