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.

Avatar for Username

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

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 majibu
  • 1 ana tatizo hili
  • 424 views
  • Last reply by Tifile

Tifile
Tifile
more options

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
more options

Suluhisho teule

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 Mwenye swali
more options

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