Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

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

How do I add custom css to Firefox default homepage via addon?

  • 2 replies
  • 1 has this problem
  • 311 views
  • Paskiausią atsakymą parašė cor-el

more options

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?

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?

Chosen solution

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.

Skaityti atsakymą kartu su kontekstu 👍 1

All Replies (2)

more options

Chosen Solution

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.

more options

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 */
}