X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0

More Information

jscher2000
  • Top 10 Contributor
8837 solutions 72222 answers

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.

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 [https://addons.mozilla.org/firefox/addon/styl-us/ the Stylus extension] doesn't seem to be working, you'll need to use userContent.css.
Was this helpful to you? 1
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17669 solutions 159841 answers

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 */
}
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. <pre><nowiki>@-moz-document url-prefix(about:home), url-prefix(about:newtab) { /* CSS code goes here */ }</nowiki></pre>
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.