X
Tap here to go to the mobile version of the site.

Support Forum

I am trying to reduce the length of the google navigation & search boxes without any succuss. This has been asked numerious times on the site but no answer fixes the problem. I can change the size by using the line that seperates the two boxes but I only

Posted

I added a personna 6/25/10, wanted to shorten the google navigation & search bars to see it but can't. Have re-installed the google tool bar, have selected the firefox tool bar version as my default and can then change the width but when one box gets shorter the other gets longer still filling the width of the screen. Customize tool bar doesn't give any options to shorten the tool bar width, I'm at a total loss. Would love suggestions if you've successfully fixed this.

This happened

Every time Firefox opened

== 6-25-10

I added a personna 6/25/10, wanted to shorten the google navigation & search bars to see it but can't. Have re-installed the google tool bar, have selected the firefox tool bar version as my default and can then change the width but when one box gets shorter the other gets longer still filling the width of the screen. Customize tool bar doesn't give any options to shorten the tool bar width, I'm at a total loss. Would love suggestions if you've successfully fixed this. == This happened == Every time Firefox opened == 6-25-10

Chosen solution

The location bar and search bar have a flex property and take all available space. You can only change the relative size of both with that resizer between the two bars. You can only do that by adding a lot of Space elements in the View > Toolbars > Customize window.

You can set a fixed width by setting the min-width and max-width to the same value.

Add code to userChrome.css below the @namespace line. See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container {max-width:400px!important; min-width:400px!important;}
#search-container {max-width:200px!important; min-width:200px!important;}


You can chose your own values as long as the min-width and max-width for each bar have the same value.

Read this answer in context 8

Additional System Details

Installed Plug-ins

  • -Office Plugin for Netscape Navigator
  • My Web Search Plugin Stub for 32-bit Windows
  • Adobe PDF Plug-In For Firefox and Netscape "9.3.2"
  • Default Plug-in
  • Shockwave Flash 10.1 r53
  • Adobe Shockwave for Director Netscape plug-in, version 11.0
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • Java Plug-in 1.5.0_06 for Netscape Navigator (DLL Helper)
  • Npdsplay dll
  • DRM Store Netscape Plugin
  • DRM Netscape Network Object

Application

  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4 GTB7.1 ( .NET CLR 3.5.30729)

More Information

Google tool bar for Firefox 7120100408wb1
Microsoft Net framework assistant 12.1
text area resizer & mover 1.82

cor-el
  • Top 10 Contributor
  • Moderator
17881 solutions 161785 answers

Chosen Solution

The location bar and search bar have a flex property and take all available space. You can only change the relative size of both with that resizer between the two bars. You can only do that by adding a lot of Space elements in the View > Toolbars > Customize window.

You can set a fixed width by setting the min-width and max-width to the same value.

Add code to userChrome.css below the @namespace line. See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container {max-width:400px!important; min-width:400px!important;}
#search-container {max-width:200px!important; min-width:200px!important;}


You can chose your own values as long as the min-width and max-width for each bar have the same value.

The location bar and search bar have a flex property and take all available space. You can only change the relative size of both with that resizer between the two bars. You can only do that by adding a lot of Space elements in the View > Toolbars > Customize window. You can set a fixed width by setting the min-width and max-width to the same value. Add code to [http://kb.mozillazine.org/UserChrome.css userChrome.css] below the @namespace line. See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #urlbar-container {max-width:400px!important; min-width:400px!important;} #search-container {max-width:200px!important; min-width:200px!important;} </nowiki></pre> You can chose your own values as long as the min-width and max-width for each bar have the same value.

Modified by cor-el

Question owner

Thank You!!!!! The adding Space worked. Yes, it did take lots of it but it was the fix. I'm sure the code thing would work better, but it's too technical for me. Thanks Again!

Thank You!!!!! The adding Space worked. Yes, it did take lots of it but it was the fix. I'm sure the code thing would work better, but it's too technical for me. Thanks Again!
lindharma 0 solutions 1 answers

Resizing the Search bar

You can increase or decrease the size of the Search bar, by placing the pointer to the left of the Search bar, until the pointer turns into a two-ended arrow. Click and drag the two-ended arrow to the left or right to increase or decrease the size of the Search bar.

https://support.mozilla.com/en-US/kb/Search+bar?s=change+search+bar+size&...

Resizing the Search bar You can increase or decrease the size of the Search bar, by placing the pointer to the left of the Search bar, until the pointer turns into a two-ended arrow. Click and drag the two-ended arrow to the left or right to increase or decrease the size of the Search bar. [https://support.mozilla.com/en-US/kb/Search+bar?s=change+search+bar+size&as=s]

Modified by lindharma

cor-el
  • Top 10 Contributor
  • Moderator
17881 solutions 161785 answers
You can increase or decrease the size of the Search bar, by placing the pointer to the left of the Search bar, until the pointer turns into a two-ended arrow. Click and drag the two-ended arrow to the left or right to increase or decrease the size of the Search bar.

That will only change the relative width of the two bars.
What the OP wants is to shorten the bars to see more of the persona at the right side of the screen and that can only be done by setting a (maximum) width for the two bars.

<blockquote>You can increase or decrease the size of the Search bar, by placing the pointer to the left of the Search bar, until the pointer turns into a two-ended arrow. Click and drag the two-ended arrow to the left or right to increase or decrease the size of the Search bar. </blockquote> That will only change the relative width of the two bars.<br /> What the OP wants is to shorten the bars to see more of the persona at the right side of the screen and that can only be done by setting a (maximum) width for the two bars.
Mathlol1 0 solutions 3 answers

You included a code, however I'm not sure how to use it since I needed to create a userchrome.css file. The mozilla guide told me to create the chrome folder and a text file for userchrome.css. Beyond that I do not know what else to do other than paste in the line you've written. It would be great if you could reply, thank you.

You included a code, however I'm not sure how to use it since I needed to create a userchrome.css file. The mozilla guide told me to create the chrome folder and a text file for userchrome.css. Beyond that I do not know what else to do other than paste in the line you've written. It would be great if you could reply, thank you.
cor-el
  • Top 10 Contributor
  • Moderator
17881 solutions 161785 answers

You can use the ChromEdit Plus extension to make it easier to create the file userChrome.css.

You can use the ChromEdit Plus extension to make it easier to create the file userChrome.css. * ChromEdit Plus: http://webdesigns.ms11.net/chromeditp.html