Question

This thread was archived. Please ask a new question if you need help.

How to remove search suggestion from search bar?

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

8 years ago

27.4.16, 01:01

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

👍 0

Answer 1 · 2016-04-27 01:01:33

freshm Question owner

27.4.16, 13:13

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

Answer 2 · 2016-04-27 01:01:33

jscher2000 - Support Volunteer

Top 25 Contributor

27.4.16, 13:56

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

Modified 27 април 2016, 13:57:25 -0700 by jscher2000 - Support Volunteer

Answer 3 · 2016-04-27 01:01:33

freshm Question owner

27.4.16, 14:57

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?

Answer 4 · 2016-04-27 01:01:33

freshm Question owner

27.4.16, 15:26

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

Answer 5 · 2016-04-27 01:01:33

jscher2000 - Support Volunteer

Top 25 Contributor

28.4.16, 00:42

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

Answer 6 · 2016-04-27 01:01:33

freshm Question owner

28.4.16, 03:34

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

Answer 7 · 2016-04-27 01:01:33

freshm Question owner

28.4.16, 04:02

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.

Answer 8 · 2016-04-27 01:01:33

jscher2000 - Support Volunteer

Top 25 Contributor

28.4.16, 04:31

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

Answer 9 · 2016-04-27 01:01:33

freshm Question owner

28.4.16, 04:39

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/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!!!

Answer 10 · 2016-04-27 01:01:33

cor-el

Moderator
Top 10 Contributor

28.4.16, 08:46

Search Support

How to remove search suggestion from search bar?

Chosen solution

All Replies (10)

Chosen Solution

Explore by product

Explore by topic

Browse by product

Browse all forum threads by topic

Get help with

Search Support

How to remove search suggestion from search bar?

Chosen solution

All Replies (10)

Chosen Solution