Firefox 2 Tip: Change Search Bar Size

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Firefox 2 Tip: Change Search Bar Size

Filed in: Mozilla, Tips n Tricks — November 9th, 2006

Tips to change the search bar size of Firefox 2.

Firefox 2 has been released and some Firefox hacks are not working correctly. Some users complaint that my previous tip “change Firefox search bar size” is not working. Here is the update for Firefox 2.

To change Firefox 2 search bar size, add the following code into your userChrome.css file:

/* Search Toolbar Width */
#search-container {
width: 400px !important;
max-width: 400px !important;
}

Restart Firefox 2 to take effect of the new setting. In this example, the search bar will become 400px width.

[via MozillaZine Forum]

firefox, firefox2, tips

Read also:

JSein456

I've been waiting for this to come along. I kept trying to resize the stubborn thing but nothing worked until I hit this page. Worked like a charm. Thanks!

I wonder why this hasn't been updated on the support page yet...

Nikhil

Is there a similar way to resize Thunderbird mail search box? (My thunderbird search bar has shrunk to tiny width, regardless of which theme I use).
- Nikhil

LcF

@Nikhil: I guess it work the same for Thunderbird as well. Please read here for information about editing Thunderbird configuration file.

Nikhil

Many thanks, yes the same technique works for Thunderbird too.
- Nikhil

Rduke15

This doesn't work for me.

I have the search box on the menu bar, along with the "Bookmarks Toolbar Items". In FF 1.5, the search box would take the size I wanted, and the Bookmark items would take the remaining space.

In 2.0.0.5pre, the search box remains tiny: just wide enough for the word "Google" it displays by default.

Can I set a max-width on the Bookmarks Toolbar Items?