Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

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
This thread was archived. Please ask a new question if you need help.
Solved Archived

How can I change the Firefox brand logo to a different image on the about:home page using CSS?

பயர்பாக்ஸ் அமைவுகள்
mpreston58 replied 13 ஆண்டுகளுக்கு முன்பு
mpreston58
mpreston58

I would like to insert my own image where the Firefox brand log appears on the about:home page. I am already using a custom CSS and cannot override the content of "brandLogo" element. Any experience out there?

I would like to insert my own image where the Firefox brand log appears on the about:home page. I am already using a custom CSS and cannot override the content of "brandLogo" element. Any experience out there?

All Replies (2)

Gingerbread Man
Gingerbread Man

தீர்வு தேர்ந்தெடுக்கப்பட்டது 

#brandLogo {
  width: 0px !important;
  padding-left: 154px !important;
  background: url("file:///C:/Path%20to%20image/customlogo.png") !important;
}
  • The padding value must be equal to the width of the new image.
  • If using the Stylish extension, you can embed the image into the style by clicking the Insert button, then choosing Data URI.
mpreston58
mpreston58 கேள்வியின் உரிமையாளர்

Thanks much...got some results and will need to tinker, but I'm on my way!