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.

This entry was posted in Uncategorized. Bookmark the permalink. Follow any comments here with the RSS feed for this post.

10 Responses to Change the size of the search box in Firefox 1.0PR

  1. Kevin says:

    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!

  2. Darrell says:

    That extension was not available when I made this post. I will be posting something Monday morning linking to Nathar’s excellent extension.

  3. anon says:

    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.

  4. seth says:

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

    http://dragtotab.mozdev.org/resizesearchbox/

  5. 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.

  6. Aaron says:

    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

  7. Counterpart says:

    @Smeghead

    Thanks a lot for the help! That was just what I needed. Firefox just keeps getting better! (Just switched from IE yesterday.)

  8. Smeghead says:

    WRONG. Flex is the priority of the sizing.

    use this code..

    #search-container

    {

    width: 20em;

    }

    #searchbar

    {

    width: 20em;

    }

  9. Jason Row says:

    Thanks for the tip Darrell. I never knew about the UserChrome.css file. Something else for me to play with now.

  10. Scott Galloway says:

    I use the PrGooglebar extension, pretty much like the google toolbar on IE (http://www.prgooglebar.org/), it has PageRank and stuff which is pretty cool…

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>