Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Is there a way to change only the background image for new tabs in Firefox 117+?

  • 2 replies
  • 1 has this problem
  • 501 views
  • Last reply by Tifile

Tifile
Tifile

Hi, I have been searching a way to change the Firefox new tab background image keeping its vanilla design. I found I could use a userContent.css file in this post from a few years ago: [https://support.mozilla.org/en-US/que.../1271362] I have followed the instructions step by step but it doesn't currently work.

Hi, I have been searching a way to change the Firefox new tab background image keeping its vanilla design. I found I could use a userContent.css file in this post from a few years ago: [[https://support.mozilla.org/en-US/questions/1271362|https://support.mozilla.org/en-US/questions/1271362]] I have followed the instructions step by step but it doesn't currently work.

Chosen solution

Put the wallpaper image in the same "chrome" folder as the userContent.css: 

@-moz-document url("about:home"), url("about:newtab") {
  body {
    background: url("wallpaper.jpg") center/cover no-repeat fixed !important;
  }
}


And don't forget changing toolkit.legacyUserProfileCustomizations.stylesheets to true in about:config (restart required).

Read this answer in context 👍 0

All Replies (2)

zeroknight
zeroknight

Chosen Solution

Put the wallpaper image in the same "chrome" folder as the userContent.css: 

@-moz-document url("about:home"), url("about:newtab") {
  body {
    background: url("wallpaper.jpg") center/cover no-repeat fixed !important;
  }
}


And don't forget changing toolkit.legacyUserProfileCustomizations.stylesheets to true in about:config (restart required).

Tifile
Tifile Question owner

Thank you very much @zeroknight for your help! It worked as I needed :)!