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

Post your tutorials for using applications or performing related tasks here.
Note: Not for "how do I...?" Questions!
Forum rules
Tutorials and Howtos should only relate to developed software, and not to third party applications. e.g.: Don't post a generic Howto for configuring a firewall.
If you have a question how to do something, you should use one of the support boards, not this board. It is meant for people to document and post instructions.
leothetechguy
Moonbather
Moonbather
Posts: 71
Joined: 2020-12-10, 18:46

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

Unread post by leothetechguy » 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;
	}
}

Blacklab
Board Warrior
Board Warrior
Posts: 1080
Joined: 2012-06-08, 12:14

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

Unread post by Blacklab » 2022-10-21, 23:29

@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
Moonbather
Moonbather
Posts: 71
Joined: 2020-12-10, 18:46

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

Unread post by leothetechguy » 2022-10-24, 16:10

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
Astronaut
Astronaut
Posts: 654
Joined: 2014-09-01, 15:11
Location: Milan Italy

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

Unread post by Lucio Chiappetti » 2022-10-24, 16:30

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
The reasonable man adapts himself to the world: the unreasonable one persists in trying to adapt the world to himself. Therefore all progress depends on the unreasonable man. (G.B. Shaw)

User avatar
EchedeyLR
Hobby Astronomer
Hobby Astronomer
Posts: 27
Joined: 2022-09-11, 17:54

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

Unread post by EchedeyLR » 2023-03-12, 18:24

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.

User avatar
Bilbo47
Fanatic
Fanatic
Posts: 232
Joined: 2017-11-18, 04:24

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

Unread post by Bilbo47 » 2023-07-15, 22:48

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

Locked