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

Question

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?

Answer 1

<pre><nowiki>#brandLogo {
width: 0px !important;
padding-left: 154px !important;
background: url("file:///C:/Path%20to%20image/customlogo.png") !important;
}</nowiki></pre>
* 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.