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

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

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

  • 2 valiny
  • 1 manana an'ity olana ity
  • 1 view
  • Valiny farany nomen'i 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.

Vahaolana nofidina

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

Hamaky an'ity valiny ity @ sehatra 👍 0

All Replies (2)

zeroknight
zeroknight
more options

Vahaolana Nofidina

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 Tompon'ny fanontaniana
more options

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