I want to modify the height of the various bars. How can I do it?
I installed a theme for my Firefox. I'd simply like to have the image on the left clear (see the attached image of my present Firefox window). So I'd like to move some buttons and the search box below the address box. Or, in case that isn't possible, I'd like to increase the height of the bars. I tried to access the style editor, but I don't know which css file has the bars' rules. Thanks for any help you may provide.
- -)
Chosen solution
You would have to use the DOM Inspector to get the id of a toolbar.
You can consider to use code like this in 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 { min-height: 200px !important; }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
Read this answer in context 👍 1All Replies (7)
https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
It is best to use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed a maximum file size of 1 MB.
Then use the Browse .... button below the Post a Reply text box to upload the screenshot.
Full theme or light-weight theme [formerly known as Personas]?
With a full-theme, you may need to contact the developer of that full-theme for help as far as the coding he/she used when creating that theme.
Thanks for your quick answer. Yesterday I tried to upload a 148KB jpg screenshot but it was taking more than half an hour. I'll try it again. I think it was a light-weight theme as it is basically a background image, but it doesn't affect buttons or icons. Today the upload worked. Here it is, and then... if you think it is a fullweight theme, I'll try to contact the creator, or I will just live with it as it is. :-) I appreciate your help in any case.
Looks like a light-weight theme.
Have you seen this KB article? https://support.mozilla.org/en-US/kb/customize-firefox-controls-buttons-and-toolbars
Firefox 29 and later don't have a way to add an additional Toolbar, as was possible with Fx 28 and earlier, but if you would turn on the Title Bar when in the Customize mode that may shift that image upwards. Just a guess on my part - I don't have a Mac and all my customization efforts over the years have been toward reducing the height of the Toolbars overall. I only show the Navigation Bar and the Tab Bar, and have been doing that since Firefox 0.8 in 2003. Less is more, as far as toolbars.
Also, it is early in the day for this forum as far as activity by the contributor's who really know CSS coding. I bet someone else will have the codes you need later today.
I'll read the article you indicated to me and see if I can come up with something. I'll also wait to see if, later on, someone can tell me where to find the right css files on my MAC and give the code lines I need to change, if it's possible! Thanks for your support.
- -D
Chosen Solution
You would have to use the DOM Inspector to get the id of a toolbar.
You can consider to use code like this in 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 { min-height: 200px !important; }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
Modified by cor-el
Solved my little aesthetic problem with the new theme. Used the css code. Thanks to all of you for your time and help!
- -D