Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to remove search suggestion from search bar?

  • 10 replies
  • 2 have this problem
  • 1 view
  • Last reply by cor-el

more options

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

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 👍 0

All Replies (10)

more options

I don't want to add Yahoo search, nor will I ever add Yahoo search.

more options

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 by jscher2000 - Support Volunteer

more options

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?

more options

I now have a folder with a gear.- cascading style sheet.

more options

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

more options

Ok, the green plus sign won't go away. Everything else is working.

more options

How do I majscher2000 said

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

How do I make the green plus sign disappear? Everything else is working. Thank you for your help so far.

more options

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);
  }
}
more options

jscher2000 said

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);
  }
}

OMG! Thank you thank you thank you!!!

more options

See also:

  • chrome://browser/skin/searchbar.css