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

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")