This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Changing the home background using userContent.css

  • 3 replies
  • 1 has this problem
  • 1 view
  • Last reply by Terry

more options

So I've been checking multiple threads around the internet and wound up here and still stuck userContent.css currently looks like this

@-moz-document url-prefix(about:home), url-prefix(about:newtab), url-prefix(about:blank) {

.click-target-container *,
.top-sites-list * {
  color: #fff !important;
  text-shadow: 2px 2px 2px #000 !important ;
}
body {
 background: url(file:///C:/Users/caras/Downloads/Unknown+Mother+Goose/images/unknown.jpeg)!important;
 background-size: cover !important;
}

}

And I believe it's been placed right at C:\Users\caras\AppData\Roaming\Mozilla\Firefox\Profiles\o4wtp8si.default-release\chrome I've made sure there's no extra .css or .txt on the file, I've set toolkit.legacyUserProfileCustomizations.stylesheets to true and restarted the browser for every change I've made

So I've been checking multiple threads around the internet and wound up here and still stuck userContent.css currently looks like this @-moz-document url-prefix(about:home), url-prefix(about:newtab), url-prefix(about:blank) { .click-target-container *, .top-sites-list * { color: #fff !important; text-shadow: 2px 2px 2px #000 !important ; } body { background: url(file:///C:/Users/caras/Downloads/Unknown+Mother+Goose/images/unknown.jpeg)!important; background-size: cover !important; } } And I believe it's been placed right at C:\Users\caras\AppData\Roaming\Mozilla\Firefox\Profiles\o4wtp8si.default-release\chrome I've made sure there's no extra .css or .txt on the file, I've set toolkit.legacyUserProfileCustomizations.stylesheets to true and restarted the browser for every change I've made

Chosen solution

If the image file is in the chrome folder, the following should suffice: url("unknown.jpeg")

Read this answer in context 👍 0

All Replies (3)

more options

Is any part of your code working? I would place the image file (or a copy) in the chrome folder with your stylesheet and change the url accordingly.

more options

Note that the best way to get the correct URL if you do not place the file in the chrome folder is to open the file in a Firefox tab and check the link in the location bar.

more options

Chosen Solution

If the image file is in the chrome folder, the following should suffice: url("unknown.jpeg")