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
  • 215 views
  • Last reply by 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.

Read this answer in context 👍 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 */
}