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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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

  • 2 amsoshi
  • 1 yana da wannan matsala
  • 424 views
  • Amsa ta ƙarshe daga 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.

Mafitar da aka zaɓa

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

Karanta wannan amsa a matsayinta 👍 0

All Replies (2)

zeroknight
zeroknight
more options

Zaɓi Mafita

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 Mai mallakar tambaya
more options

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