Page 1 of 1

How to remove the search engine icon from your about:home page

Posted: 2022-10-21, 15:58
by leothetechguy
1. Download the Stylem extension: https://addons.palemoon.org/addon/stylem/

2. Add a new style, name it home style or something and paste in the following:

Code: Select all

@-moz-document url(about:home) {
	#searchLogoContainer {
		display: none !important;
	}
}

Re: How to remove the search engine icon from your about:home page

Posted: 2022-10-21, 23:29
by Blacklab
@leothetechguy: Don't often use about:home myself... maybe I should give it another whirl. :)
Perhaps try adding an 'Eerie Black' background to the about:home page for Halloween?

Code: Select all

/* Alter about:home page background colour to hex code #1F1F1F 'Eerie Black' */

@-moz-document url("about:home") {
  body {
     background-color: #1f1f1f !important;
     }
}
Lots more Ideas on this old 'firefox about:home' Pastebin page: https://pastebin.com/Sap4urDa
A few more can be found in pre-2018 Reddit Firefox CSS pages: https://www.reddit.com/r/FirefoxCSS/

Capture.JPG
about:home page with search engine icon removed + background in Eerie Black

Re: How to remove the search engine icon from your about:home page

Posted: 2022-10-24, 16:10
by leothetechguy
I use it mainly together with the Home Styler extension, which gives it all sorts of nice backgrounds and icons. So this was just a small fix for me, but thanks for the ideas :)

Re: How to remove the search engine icon from your about:home page

Posted: 2022-10-24, 16:30
by Lucio Chiappetti
Actually I did not even know an about:home existed (my home page is ... mine), and I thought you wanted to remove the search engine fro the navigation toolbar (which I did long ago by View-Toolbars-Customize and drag and drop). When I want to call the search engine I do from a bookmark. But actually I found about:home quite nice with the other links to functions I usually call from the menu bar. I added it to the bookmarks ! :D

Re: How to remove the search engine icon from your about:home page

Posted: 2023-03-12, 18:24
by EchedeyLR
leothetechguy wrote:
2022-10-21, 15:58
1. Download the Stylem extension: https://addons.palemoon.org/addon/stylem/

2. Add a new style, name it home style or something and paste in the following:

Code: Select all

@-moz-document url(about:home) {
	#searchLogoContainer {
		display: none !important;
	}
}
Thank you for this. Really helped me with the Photonic theme which modified and flattered that icon making it ugly.

Re: How to remove the search engine icon from your about:home page

Posted: 2023-07-15, 22:48
by Bilbo47
Or for fun, to hide the search feature entirely, change the element-ID to searchContainer, which will hide the outer Div:

Code: Select all

@-moz-document url( about:home ) {
  #searchContainer { display : none !important; }
}