CodeBetter.Com
CodeBetter.Com
RSS 2.0 via Feedburner
           Do you Twitter? Follow us @CodeBetter

Darrell Norton's Blog [MVP]

Fill in description here...

Change the size of the search box in Firefox 1.0PR

Firefox 1.0PR broke the old way of making the search box wider. The new way is to add this to your userChrome.css file (I like my search box BIG, you can adjust the number to suit):

/* Make the Search box flex wider */

#search-container {
   -moz-box-flex: 600 !important;
}
#searchbar {
   -moz-box-flex: 600 !important;
}

This is much easier if you get the chromEdit extension, which allows you to edit userChrome.css, userContent.css or user.js, without the hassle of finding your profile.



Comments

Jason Row said:

Thanks for the tip Darrell. I never knew about the UserChrome.css file. Something else for me to play with now.
# September 29, 2004 1:36 PM

Smeghead said:

WRONG. Flex is the priority of the sizing.

use this code..


#search-container
{
width: 20em;
}

#searchbar
{
width: 20em;
}


# October 3, 2004 12:48 AM

Counterpart said:

@Smeghead

Thanks a lot for the help! That was just what I needed. Firefox just keeps getting better! (Just switched from IE yesterday.)
# October 19, 2004 7:47 AM

Aaron said:

I don't get it, both seem to work. I'm confused.

Scott Galloway, the search bar can contain other sites besides google. I use googlebar and the builtin searchbar in FF
# December 8, 2004 5:19 AM

TrackBack said:

One of the many useful features of the Firefox web browser is the Google / Amazon / Yahoo / WhereverYouWannaSearch box in the upper-right hand corner of the browser. Except it's such a little box and you've got big...
# February 18, 2005 6:45 AM

TrackBack said:

n/a
# February 18, 2005 8:06 AM

Herr Theoretiker said:

Neither of the proposed ways worked for me.

Maybe this isn't possible in OSX? I really wish it was, though... the search box is way too short.
# February 18, 2005 10:20 AM

seth said:

What about the plugin "ResizeSearchBar"? This way when you resize the window, the search bar size can be adjusted.

http://dragtotab.mozdev.org/resizesearchbox/
# February 18, 2005 3:16 PM

anon said:

Forget hacking custom code setting a fixed search box size. Use the extension:

https://update.mozilla.org/extensions/moreinfo.php?application=firefox&id=349&vid=1080

Resize Search Box 0.0.2
by Nathar Leichoz
released on November 01, 2004

Allows you to use a resize thumb to resize the search box. The resize thumb can be enabled by customizing the toolbar.
# February 19, 2005 8:42 AM

Darrell said:

That extension was not available when I made this post. I will be posting something Monday morning linking to Nathar's excellent extension.
# February 19, 2005 9:40 AM

TrackBack said:

# February 21, 2005 7:48 AM

Kevin said:

Sadly enough, took me awhile to figure out how to install this (new to FireFox and it's extentions!). I have always hated that small search window.... now I can see!!! Thanks!
# February 25, 2005 10:42 AM
Check out Devlicio.us!