Change Firefox Search Bar Size

Filed in: Mozilla, Tips — October 11th, 2004
Update: This tip has been updated for Firefox 2. Please visit “Firefox 2 Tip: Change Search Bar Size“

For any reason you want to resize the Firefox search bar width, add the following code to your userChrome.css file:

/* Make the Search box flex wider(in this case 400 pixels wide) */
#searchbar {
-moz-box-flex: 400 !important;
}
#search-container {
-moz-box-flex: 400 !important;
}

Reference: texturizer.net

Thought:
Personally I do not use resize the search bar, the default size is just right for me. The tip in texturizer only resize the container of search bar, but does not change its width. Thanks to UncleJim for the pointer.

Update: This tip has been updated for Firefox 2. Please visit “Firefox 2 Tip: Change Search Bar Size“

technorati tags , ,

Like this post? Please share:

Follow @liewcf on Twitter; Join Facebook page; Subscribe to free newsletter for updates like this article..

  • http://cheeaun.phoenity.com/weblog/ Lim Chee Aun

    Actually, you can just group them up:
    #searchbar,
    #search-container {
    -moz-box-flex: 400 !important;
    }

  • http://cheeaun.phoenity.com/weblog/ Lim Chee Aun

    Actually, you can just group them up:
    #searchbar,
    #search-container {
    -moz-box-flex: 400 !important;
    }

  • http://www.liewcf.com/ LcF

    yes, thank you.

  • http://www.liewcf.com LcF

    yes, thank you.

  • S

    Here’s how to remove the search bar entirely:
    1) open ./chrome/browser.jar with winzip
    2) delete file search.xml
    3) save your change
    4) start firefox – search bar is gone!

  • S

    Here’s how to remove the search bar entirely:
    1) open ./chrome/browser.jar with winzip
    2) delete file search.xml
    3) save your change
    4) start firefox – search bar is gone!

  • http://xpda.com/ Bob

    Resizing the search bar: Your code does not work on my Firefox 2.0. The code was already there (from 1.5), but my search bar got small when I installed 2.0. Changing the width values have now effect now.

  • http://xpda.com Bob

    Resizing the search bar: Your code does not work on my Firefox 2.0. The code was already there (from 1.5), but my search bar got small when I installed 2.0. Changing the width values have now effect now.

  • J Daggar

    Not working.

    The Firefox 2 search box insists on expanding to use all the available space, making the whole thing flicker when I use the Google search bar next to it. Very annoying. How do I throttle the damn thing into a fixed size?

  • J Daggar

    Not working.

    The Firefox 2 search box insists on expanding to use all the available space, making the whole thing flicker when I use the Google search bar next to it. Very annoying. How do I throttle the damn thing into a fixed size?

  • LcF

    Update: This tip has been updated for Firefox 2. Please visit “Firefox 2 Tip: Change Search Bar Size“

  • LcF

    Update: This tip has been updated for Firefox 2. Please visit “Firefox 2 Tip: Change Search Bar Size“

t