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
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
Isisombululo esikhethiwe
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.
All Replies (6)
Isisombululo Esikhethiwe
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.
Okulungisiwe ngu cor-el
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!
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&...
Okulungisiwe ngu lindharma
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.
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 can use the ChromEdit Plus extension to make it easier to create the file userChrome.css.
- ChromEdit Plus: http://webdesigns.ms11.net/chromeditp.html