X
Tap here to go to the mobile version of the site.

Support Forum

Size of menus (File, Edit, View), tabs, and url box.

Posted

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.

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.

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.7 r700
  • Next Generation Java Plug-in 10.21.2 for Mozilla browsers
  • npsitesafety
  • 5.1.20125.0
  • iTunes Detector Plug-in
  • Pando Web Plugin
  • NPWLPG
  • Zeon PDF Plugin For Mozilla

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20100101 Firefox/22.0

More Information

Mahdi Dibaiee 7 solutions 44 answers

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.

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 [http://kb.mozillazine.org/index.php?title=UserChrome.css UserChrome.css] inside your [http://kb.mozillazine.org/Profile_folder_-_Firefox profile folder] for tabs use: .tabbrowser-tab { width: ""n""px; } and for menus use: menubar > menu { width: ""n""px; } Take a look at [http://kb.mozillazine.org/UserChrome.css_Element_Names/IDs#Firefox_menus this] list for more information.

Question owner

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?

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?
Mahdi Dibaiee 7 solutions 44 answers

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.

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 [https://addons.mozilla.org/en-US/firefox/addon/stylish/ Stylish Add-On] and do the same there.

Question owner

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?

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?

Question owner

It doesn't seem to change whatsoever.

tabbrowser-tab {

width: ""300""px;

}

menubar > menu {

width: ""300""px;

}

It doesn't seem to change whatsoever. '''tabbrowser-tab { width: ""300""px; } menubar > menu { width: ""300""px; } '''
Mahdi Dibaiee 7 solutions 44 answers

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

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

the-edmeister
  • Moderator
5391 solutions 40022 answers

SaveMeJeebus,

  1. Why are you using Firefox 22 beta? Are you aware that Firefox 21 is the newest release version?
  2. 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.
  3. 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.

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. <br />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. <br /> https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem <br /> 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.
cor-el
  • Top 10 Contributor
  • Moderator
17341 solutions 156765 answers

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:

You can use an extension to set a default font size and page zoom on web pages.

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/

Helpful Reply

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.

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.
cor-el
  • Top 10 Contributor
  • Moderator
17341 solutions 156765 answers

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.

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/