How to customize about:newtab (using a wallpaper)?
Hello, today I wanted to replace the "about:newtab" background with a picture.
I've already tried a lot like creating an extension, and adding the chrome folder with "userChrome.css" or "userContent.css" but I haven't had any luck whatsoever.
Could you help me in any way?
My preferred way would be through an extension to share it with my friends.
I already thank you in advance! :)
Best regards, Leon
All Replies (4)
This extension is nice: https://addons.mozilla.org/firefox/addon/tabliss/
Hi @TyDraniu!
Thank you for your reply.
I am personally using Tabliss 'cause I think it's the most beautiful New-Tab Extension I've seen.
My brother asked me whether I find a solution on changing the background on the stock about:newtab Tab or not. I think that I may need to convince him on using tabliss ;)
But it would've been nice to come up with a solution :)
This is code to put in the userContent.css:
@-moz-document url-prefix(about:home), url-prefix(about:newtab) { .click-target-container *, .top-sites-list * { color: #fff !important ; text-shadow: 2px 2px 2px #000 !important ; }
body { background: url(wallpaper.jpg) !important ; background-size: cover !important ; } }
Beside that, you must go into about:config and set "toolkit.legacyUserProfileCustomizations.stylesheets" to "true" to make it work.
See also:
- /questions/1271362 Is there a way to change only the background image for new tabs?
You can possibly include the about:privatebrowsing page.
- @-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {...}