X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

How to change size of url & Google search boxes?

Posted

I was able to change the size of the URL box, but not the Google Search box. By doing so, I could display more extensions in the FF window.

Chosen solution

Can you attach a screenshot to show what you try to achieve?

Use a compressed image type like PNG or JPG to save the screenshot.

Note that you would have to set a fixed width for both the location bar and search bar to disable their flex attributes.

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container { max-width:400px !important; }
#search-container { max-width:200px !important; }
Read this answer in context 2

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.8 r800
  • The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Microsoft Office for Mac SharePoint Browser Plug-in
  • Displays Java applet content, or a placeholder if Java is not installed.
  • Plugin that detects installed Citrix Online products (visit www.citrixonline.com).
  • 5.1.10411.0
  • DYMO Label NPAPI Plug-in
  • Office Live Update v1.0
  • iPhoto6
  • RealPlayer Plugin

Application

  • Firefox 23.0.1
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:23.0) Gecko/20100101 Firefox/23.0
  • Support URL: http://support.mozilla.org/1/firefox/23.0.1/Darwin/en-US/

Extensions

  • 1Password 3.9.19 (onepassword@agilebits.com)
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription:
  • adapterDeviceID: 0x9488
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x1002
  • driverDate:
  • driverVersion:
  • info: {u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'none'}
  • numAcceleratedWindows: 3
  • numTotalWindows: 3
  • webglRenderer: ATI Technologies Inc. -- ATI Radeon HD 4670 OpenGL Engine
  • windowLayerManagerType: OpenGL

Modified Preferences

  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.link.open_newwindow: 2
  • browser.places.smartBookmarksVersion: 4
  • browser.startup.homepage_override.buildID: 20130814063812
  • browser.startup.homepage_override.mstone: 23.0.1
  • browser.tabs.warnOnClose: False
  • browser.tabs.warnOnOpen: False
  • dom.disable_open_during_load: False
  • extensions.lastAppVersion: 23.0.1
  • font.language.group: x-western
  • font.minimum-size.ar: 14
  • font.minimum-size.el: 14
  • font.minimum-size.he: 14
  • font.minimum-size.ja: 14
  • font.minimum-size.ko: 14
  • font.minimum-size.th: 14
  • font.minimum-size.tr: 14
  • font.minimum-size.x-armn: 14
  • font.minimum-size.x-baltic: 14
  • font.minimum-size.x-beng: 14
  • font.minimum-size.x-cans: 14
  • font.minimum-size.x-central-euro: 14
  • font.minimum-size.x-cyrillic: 14
  • font.minimum-size.x-devanagari: 14
  • font.minimum-size.x-ethi: 14
  • font.minimum-size.x-geor: 14
  • font.minimum-size.x-gujr: 14
  • font.minimum-size.x-guru: 14
  • font.minimum-size.x-khmr: 14
  • font.minimum-size.x-knda: 14
  • font.minimum-size.x-mlym: 14
  • font.minimum-size.x-orya: 14
  • font.minimum-size.x-sinh: 14
  • font.minimum-size.x-tamil: 14
  • font.minimum-size.x-telu: 14
  • font.minimum-size.x-tibt: 14
  • font.minimum-size.x-unicode: 14
  • font.minimum-size.x-user-def: 14
  • font.minimum-size.x-western: 14
  • font.minimum-size.zh-CN: 14
  • font.minimum-size.zh-HK: 14
  • font.minimum-size.zh-TW: 14
  • gfx.blacklist.direct2d: 3
  • gfx.blacklist.layers.direct3d9: 3
  • gfx.blacklist.webgl.msaa: 4
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1379010354
  • places.history.expiration.transient_current_max_pages: 104858
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • plugin.importedState: True
  • plugin.state.flip4mac wmv plugin: 0
  • privacy.donottrackheader.enabled: True
  • privacy.sanitize.migrateFx3Prefs: True
  • storage.vacuum.last.index: 0
  • storage.vacuum.last.places.sqlite: 1379010354

Misc

  • User JS: No
  • Accessibility: No
Andrew
  • Top 25 Contributor
  • Moderator
251 solutions 3018 answers

Hello, Have you tried Firefox's zoom feature? This will help increase the size of web pages.

  • To make things bigger, press Ctrl and + at the same time.
  • To make things smaller, press Ctrl and - at the same time.
  • To reset the size back to normal, press Ctrl and 0 at the same time.

You can also use the NoSquint. add-on to change the default zoom level for all websites at once. After setting your global zoom level, you can still fine-tune the zoom on individual sites.

Using NoSquint:

  1. After installing NoSquint, make sure you have the Add-on Bar displayed:
    • Right-click the new tab button ("+") or a blank area of the tab bar to the right of it and choose Add-on Bar from the shortcut menu.
  2. Click the % on the Add-on Bar to call up site preferences, then click the Global Settings button, then the Zooming tab.
    • You can experiment with sizes larger than 125%, but it's not recommended that you go higher than 150% unless you have a large high-resolution monitor.

If there are particular sites that still present a problem, feel free to post their URLs.

Please let us know if this helped you!

Thank you.

finitarry 157 solutions 2177 answers

The URL bar will resize itself to fit whatever space is available. If you want to limit the size of the search bar, you can create a userChrome.css file in a chrome subdirectory in Firefox's profile, and put this code into it:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

#search-container {
-moz-appearance: none !important;
min-width: 180px !important;
max-width: 180px !important;}

You can put more extension buttons on the Add-on Bar, so they do not have to be in the navigation toolbar.

cor-el
  • Top 10 Contributor
  • Moderator
10754 solutions 96771 answers

Chosen Solution

Can you attach a screenshot to show what you try to achieve?

Use a compressed image type like PNG or JPG to save the screenshot.

Note that you would have to set a fixed width for both the location bar and search bar to disable their flex attributes.

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container { max-width:400px !important; }
#search-container { max-width:200px !important; }