Size of menus (File, Edit, View), tabs, and url box.
After updating to FireFox 22 it had changed the size of my webpages and menus, tabs, and url box. I asked over at mozillaZine forums, and they told me how to change my webpage size by going into config. This worked, however, as i mentioned, i then noticed that my menus, tabs, and url box had become smaller.So now i need to know how to change this as well.
All Replies (10)
It's such an easy task to resize URL box, get your mouse between search bar and URL Box ( right side of URL Box ) so you can resize it easily using your mouse.
About tabs and menus, you have to edit UserChrome.css inside your profile folder
for tabs use:
.tabbrowser-tab {
width: ""n""px;
}
and for menus use:
menubar > menu {
width: ""n""px;
}
Take a look at this list for more information.
I can't seem to locate UserChrome.sss. I tried creating one but not sure if i am doing it right, i just created a folder 'chrome', and then created a text document and entitled it UserChrome.css
As for what you're telling me to paste in there, am i suppose to change width: ""n""px; to include a number?
Hey,
You did right creating 'chrome' folder, but that file should be userChrome.css, lowercase 'u'.
Yes, you have to change the 'n' to the number you want, something like 200, but you should not change 'px', your result should be something like this:
width: 200px;
If it hurts you doing this through that CSS file, you can install Stylish Add-On and do the same there.
I hope you're still around.... What's usually the default number? i need somewhere to start from, right? and how much do i increase it by each time? 25,50,100?
It doesn't seem to change whatsoever.
tabbrowser-tab {
width: ""300""px;
}
menubar > menu {
width: ""300""px;
}
Oh no, first, you forgot the dot before tabbrowser-tab
.tabbrowsertab
then, you must delete those quotes, something like this:
.tabbrowser-tab {
width: 250px;
}
menubar > menu {
width: 250px;
}
Sorry if I confused you by those quotes, sorry X_X
Modified by Mahdi Dibaiee
SaveMeJeebus,
- Why are you using Firefox 22 beta? Are you aware that Firefox 21 is the newest release version?
- I have seen no such changes to Firefox 22, which leads me to think that something is wrong with your Firefox installation. IMO your best course of action is to find out what broke Firefox for you, rather than struggle with patching the fault.
- Another course of action would be to do some basic troubleshooting.
https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
It might be helpful if you provided a screenshot of that problem.
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.
You can modify the layout.css.devPixelsPerPx and increase or decrease the value in 0.1 or 0.05 steps to adjust the size of all fonts and other elements in Firefox.
The layout.css.devPixelsPerPx pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely (resolution 0.1 or 0.05).
You can use values between 0.05 and 1.0 to reduce elements in size or use values greater than 1.0 to magnify and make elements larger (percentage divided by DPI, % / DPI).
Use this extension to adjust the font size for the user interface:
- Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
You can use an extension to set a default font size and page zoom on web pages.
- Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
- NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
the-edmeister, FireFox keeps automatically updating me to FireFox 22. I have uninstalled and reinstalled and yet the problem still occurs, i shall try trouble shooting but i doubt that will work.
cor-el, i have used said command, i was told to change it from -1.0 to 1.0, however, it's either my webpages are too big, or my menus are too small. I know how to zoom in and out but i don't want to do that to each website, for some it doesn't take effect to all. It's definitely my menus that need sorting, there's got to be another way.
You can use the layout.css.devPixelsPerPx pref to set the size in the user interface.
If this leads to problems on web pages then use the extension to correct this.
- Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
- NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/