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
Ŋuɖoɖo si wotia
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
Xle ŋuɖoɖo sia le goya me 👍 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/search-indicator@2x.png"); -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
jscher2000 - Support Volunteer trɔe
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/search-indicator@2x.png"); -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.
Ɖɔɖɔɖo si wotia
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/search-indicator@2x.png") !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/search-indicator@2x.png") !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