Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to change size of url & Google search boxes?

  • 3 replies
  • 12 have this problem
  • 2 views
  • Last reply by cor-el

more options

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.

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

All Replies (3)

more options

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

  • To make things bigger, press Ctrl and &#43 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.

more options

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.

more options

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; }