Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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

  • 2 amsoshi
  • 1 yana da wannan matsala
  • 83 views
  • Amsa ta ƙarshe daga 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?

Mafitar da aka zaɓa

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.

Karanta wannan amsa a matsayinta 👍 1

All Replies (2)

more options

Zaɓi Mafita

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