Avatar for Username

Mozilla サポートの検索

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 can I change the Firefox brand logo to a different image on the about:home page using CSS?

  • 2 件の返信
  • 1 人がこの問題に困っています
  • 157 回表示
  • 最後の返信者: mpreston58

mpreston58
mpreston58
more options

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?

選ばれた解決策 

#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.
この回答をすべて読む 👍 1

すべての返信 (2)

Gingerbread Man
Gingerbread Man
more options

選ばれた解決策 

#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 質問者
more options

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