![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How do I add custom css to Firefox default homepage via addon?
I've noticed that the "chrome/userContent.css" file doesn't effect the homepage anymore, but I'd rather do it through an addon. Is it possible to inject css into firefox's default homepage?
Ọ̀nà àbáyọ tí a yàn
Hi Computer, you should still be able to restyle Firefox's built-in home page using rules in a userContent.css file. However, the page changes frequently, so your rules might need an update.
You might find help for what you want to do on the following site, since pre-release versions often are discussed there, or feel free to ask about what you need here:
https://www.reddit.com/r/FirefoxCSS/
As for using an extension, they don't have rights to modify very many about: pages, so if something like the Stylus extension doesn't seem to be working, you'll need to use userContent.css.
Ka ìdáhùn ni ìṣètò kíkà 👍 1All Replies (2)
Ọ̀nà àbáyọ Tí a Yàn
Hi Computer, you should still be able to restyle Firefox's built-in home page using rules in a userContent.css file. However, the page changes frequently, so your rules might need an update.
You might find help for what you want to do on the following site, since pre-release versions often are discussed there, or feel free to ask about what you need here:
https://www.reddit.com/r/FirefoxCSS/
As for using an extension, they don't have rights to modify very many about: pages, so if something like the Stylus extension doesn't seem to be working, you'll need to use userContent.css.
Note that there are two versions of the Firefox Home page, about:home and about:newtab. You need to specify both pages in a @-moz-document url-prefix block.
@-moz-document url-prefix(about:home), url-prefix(about:newtab) { /* CSS code goes here */ }