How to remove search suggestion from search bar?
I want to remove the "add yahoo search" part and the green plus sign permanently for yahoo and any other site. I have set browser.urlbar.suggest.searches to false, and browser.search.suggest.enabled to false also and am still getting this annoying feature. Here is a screenshot: http://i.imgur.com/1nplV8T.png
Chosen solution
freshm said
Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?
Two thoughts:
(1) The C needs to be capitalized in userChrome.css
(2) On the first line of the file, you need a namespace:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
I now have a folder with a gear.- cascading style sheet.
I think Windows shows that icon for any .css file. If you want to see full file names, you can turn off the features of Windows that hides "known" file extensions. See: http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions
Read this answer in context 👍 0All Replies (10)
I don't want to add Yahoo search, nor will I ever add Yahoo search.
The search bar detects site-specific search plugins advertised in the current page. There is not a built-in feature to suppress that. You might be able to do it with an add-on.
If you do not find a useful add-on, another way is to apply a custom style rule to the Search bar. You can use the Stylish add-on for that, or a userChrome.css file.
For example:
/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png"); -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/[email protected]"); -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }
It's option #3 in my custom style rule here: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43
Modified
jscher2000 said
The search bar detects site-specific search plugins advertised in the current page. There is not a built-in feature to suppress that. You might be able to do it with an add-on.
If you do not find a useful add-on, another way is to apply a custom style rule to the Search bar. You can use the Stylish add-on for that, or a userChrome.css file.
For example:
/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png"); -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/[email protected]"); -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }
It's option #3 in my custom style rule here: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43
Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?
I now have a folder with a gear.- cascading style sheet.
Chosen Solution
freshm said
Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?
Two thoughts:
(1) The C needs to be capitalized in userChrome.css
(2) On the first line of the file, you need a namespace:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
I now have a folder with a gear.- cascading style sheet.
I think Windows shows that icon for any .css file. If you want to see full file names, you can turn off the features of Windows that hides "known" file extensions. See: http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions
Ok, the green plus sign won't go away. Everything else is working.
How do I majscher2000 said
freshm saidOkay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?Two thoughts:
(1) The C needs to be capitalized in userChrome.css
(2) On the first line of the file, you need a namespace:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
I now have a folder with a gear.- cascading style sheet.I think Windows shows that icon for any .css file. If you want to see full file names, you can turn off the features of Windows that hides "known" file extensions. See: http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions
How do I make the green plus sign disappear? Everything else is working. Thank you for your help so far.
freshm said
How do I make the green plus sign disappear?
That's what the two rules starting with
.searchbar-search-button[addengines="true"]
are for -- I don't know why they aren't working on yours. Maybe try adding !important to the list-style-image lines (scroll this preformatted area right to see where):
/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png") !important; -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/[email protected]") !important; -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }
jscher2000 said
freshm saidHow do I make the green plus sign disappear?That's what the two rules starting with
.searchbar-search-button[addengines="true"]
are for -- I don't know why they aren't working on yours. Maybe try adding !important to the list-style-image lines (scroll this preformatted area right to see where):
/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png") !important; -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/[email protected]") !important; -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }
OMG! Thank you thank you thank you!!!
See also:
- chrome://browser/skin/searchbar.css