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

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

[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

[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

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

[Echedelle]

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.

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