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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

How to add image to my firefox home page / newtab page?

  • 3 uphendule
  • 1 inale nkinga
  • 1827 views
  • Igcine ukuphendulwa ngu me

more options

I am trying to add my own background to the home page but cannot find any way to do it. There must be an option for something so simple somewhere, but I cannot find it. I do not want to install an add-on for this as I am not comfortable handing out my personal info to some random guy or group to accomplish something so simple. Thanks.

I am trying to add my own background to the home page but cannot find any way to do it. There must be an option for something so simple somewhere, but I cannot find it. I do not want to install an add-on for this as I am not comfortable handing out my personal info to some random guy or group to accomplish something so simple. Thanks.

Isisombululo esikhethiwe

That would be code like this in userContent.css. Place the image in the same chrome folder in the profile folder as userContent.css.

@-moz-document url(about:home), url(about:newtab) {
 body{background: url(...) !important; background-size: cover !important;}
}

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 1

All Replies (3)

more options

"Something so simple" isn't really all that "simple". Without an add-on / extension that can be done via the use of a userContent.css file and the appropriate CSS coding.

http://kb.mozillazine.org/UserContent.css
https://developer.mozilla.org/en-US/docs/Web/CSS
https://www.reddit.com/r/FirefoxCSS/comments/b1jsal/how_to_edit_newtab_page_in_usercontentcss/

I have done that in the past, but I got rusty with doing that since Austrailis Firefox 29 was released, when so many extensions were available, such as Stylish which made is "easy" to play with both userChrome and userContent css files "live" and needing to restart Firefox after every change in css code. Haven't bothered with Quantum 57+ or reverting to userContent.css (again). I guess I was spoiled my Austrailis and its' day in the sun.

more options

Isisombululo Esikhethiwe

That would be code like this in userContent.css. Place the image in the same chrome folder in the profile folder as userContent.css.

@-moz-document url(about:home), url(about:newtab) {
 body{background: url(...) !important; background-size: cover !important;}
}

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

more options

@the-edmeister Thank you for your reply. It is unfortunate that Firefox makes "simple" things complicated. I have moved on to Vivaldi browser which is waaay ahead and makes the simple stuff...........simple. They also do not push people to use extensions for every little tweak because, as we know well, extensions are a security NIGHTMARE. Hopefully Mozilla will make their browser a little more user friendly moving forwards (as well as this site!) and not push everyone to install extensions for basic functionality, or need expert level CSS skills.