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 change the default branding logo on the Firefox homepage?

  • 5 replies
  • 1 has this problem
  • 4 views
  • Last reply by Charlsen

more options

Hi I am trying to change the default homepage Firefox logo to my own, but i could find no tutorial on how to do that. I only found 7-9 year old posts, that did not work. So my question is: Is it possible to change the default firefox logo on the homepage to my own one, and if it is then how?

Hi I am trying to change the default homepage Firefox logo to my own, but i could find no tutorial on how to do that. I only found 7-9 year old posts, that did not work. So my question is: Is it possible to change the default firefox logo on the homepage to my own one, and if it is then how?

All Replies (5)

more options

I did not mean to set a default homepage, I meant to set a new branding logo in the default firefox homepage. (To change the default firefox logo on the homepage to a custom one).

more options

That would be this code in userContent.css.

@-moz-document url-prefix(about:home), url-prefix(about:newtab) {
 .search-wrapper .logo-and-wordmark .logo {
  background: url("about-logo.png") no-repeat center !important;
 }
}


In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

more options

It worked, but is there also a way to change the favicon of the default homepage?

more options

Do you mean the favicon on the Tab bar or otherwise ?

more options

yeah exactly that