Changing the home background using userContent.css
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 👍 0All Replies (3)
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.
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.
Chosen Solution
If the image file is in the chrome folder, the following should suffice: url("unknown.jpeg")