Displaying only the search bar icons?
I love Firefox, and have recently discovered the search keywords. I am switching to using those now, and am trying to get rid of the search bar textbox. I still like the right-click search method, so I don't want to completely remove the bar (e.g. through the Customize dialog), and essentially just want to resize it so the only things that show are the icon of the current search engine, and possibly that magnifying glass. However, I can still see some of the engine name (like the "G" and most of the first "o" of "Google"), even when I have dragged the bar as far as I can. Is there any way to get rid of this last remnant?
All Replies (4)
See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files Add code to userChrome.css below the @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
.search-go-container, .searchbar-dropmarker-image {display:none!important}
#search-container .searchbar-textbox {min-width:26px!important;max-width:26px!important}
Modified by cor-el
Thanks! I would recommend a width of 24 pixels instead [EDIT: This value might change depending on extensions - I'm now switching to something larger], to give a squarer appearance and to remove the text insertion cursor when it is moused over, but that code works quite well! I presume that it is impossible to skip over the text area and include the magnifying glass? I do have one other question, though. Is it possible to stop the now-hidden bar from grabbing the cursor when the search engine is changed?
Modified by Goldenrod111
I know it sounds cool alright. But I don't really get the instruction. do you have a pre-made style or a screeshot or something?
Are you familiar with using the file userChrome.css to modify the appearance of Firefox?