We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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