![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How can I change the Firefox brand logo to a different image on the about:home page using CSS?
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.
すべての返信 (2)
選ばれた解決策
#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.
Thanks much...got some results and will need to tinker, but I'm on my way!